#A02F2D - #E3C3C3 | 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 #A02F2D a #E3C3C3

#A02F2D #E3C3C3

Calcule el color entre dos colores, #A02F2D y #E3C3C3. 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)

#A02F2D - #E3C3C3 | 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 #A02F2D como 0% y #E3C3C3 como 100%.

0.0%	0.0% #A02F2D	RGB 160 47 45	#A02F2D
16.7%	16.7% #AB4746	RGB 171 71 70	#AB4746
33.3%	33.3% #B6605F	RGB 182 96 95	#B6605F
50.0%	50.0% #C17978	RGB 193 121 120	#C17978
66.7%	66.7% #CC9191	RGB 204 145 145	#CC9191
83.3%	83.3% #D7AAAA	RGB 215 170 170	#D7AAAA
100.0%	100.0% #E3C3C3	RGB 227 195 195	#E3C3C3

#A02F2D #AB4746 #B6605F #C17978 #CC9191 #D7AAAA #E3C3C3

#A02F2D - #E3C3C3

Mezcla HSV

#A02F2D - #E3C3C3 | 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 #A02F2D como 0% y #E3C3C3 como 100%.

0.0%	0.0% #A02F2D	RGB 160 47 45	#A02F2D
16.7%	16.7% #AB4240	RGB 171 66 64	#AB4240
33.3%	33.3% #B65756	RGB 182 87 86	#B65756
50.0%	50.0% #C16F6E	RGB 193 111 110	#C16F6E
66.7%	66.7% #CC8888	RGB 204 136 136	#CC8888
83.3%	83.3% #D7A4A4	RGB 215 164 164	#D7A4A4
100.0%	100.0% #E3C3C3	RGB 227 195 195	#E3C3C3

#A02F2D #AB4240 #B65756 #C16F6E #CC8888 #D7A4A4 #E3C3C3

#A02F2D - #C16F6E - #E3C3C3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A02F2D 0%, #C16F6E 50%, #E3C3C3 100%);
    background: -webkit-linear-gradient(top, #A02F2D 0%, #C16F6E 50%, #E3C3C3 100%);
    background: linear-gradient(to bottom, #A02F2D 0%, #C16F6E 50%, #E3C3C3 100%);
}
</style>