#41468D - #101D32 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #41468D a #101D32

#41468D #101D32

Calcule el color entre dos colores, #41468D y #101D32. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#41468D - #101D32 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #41468D como 0% y #101D32 como 100%.

0.0%	0.0% #41468D	RGB 65 70 141	#41468D
16.7%	16.7% #383F7D	RGB 56 63 125	#383F7D
33.3%	33.3% #30386E	RGB 48 56 110	#30386E
50.0%	50.0% #28315F	RGB 40 49 95	#28315F
66.7%	66.7% #202A50	RGB 32 42 80	#202A50
83.3%	83.3% #182341	RGB 24 35 65	#182341
100.0%	100.0% #101D32	RGB 16 29 50	#101D32

#41468D #383F7D #30386E #28315F #202A50 #182341 #101D32

#41468D - #101D32

Mezcla HSV

#41468D - #101D32 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #41468D como 0% y #101D32 como 100%.

0.0%	0.0% #41468D	RGB 65 70 141	#41468D
16.7%	16.7% #373F7D	RGB 55 63 125	#373F7D
33.3%	33.3% #2D386E	RGB 45 56 110	#2D386E
50.0%	50.0% #25325F	RGB 37 50 95	#25325F
66.7%	66.7% #1D2B50	RGB 29 43 80	#1D2B50
83.3%	83.3% #162441	RGB 22 36 65	#162441
100.0%	100.0% #101D32	RGB 16 29 50	#101D32

#41468D #373F7D #2D386E #25325F #1D2B50 #162441 #101D32

#41468D - #25325F - #101D32

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #41468D 0%, #101D32 100%);
    background: -webkit-linear-gradient(top, #41468D 0%, #101D32 100%);
    background: linear-gradient(to bottom, #41468D 0%, #101D32 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41468D 0%, #25325F 50%, #101D32 100%);
    background: -webkit-linear-gradient(top, #41468D 0%, #25325F 50%, #101D32 100%);
    background: linear-gradient(to bottom, #41468D 0%, #25325F 50%, #101D32 100%);
}
</style>