#8C2E3E - #DEC3C7 | 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 #8C2E3E a #DEC3C7

#8C2E3E #DEC3C7

Calcule el color entre dos colores, #8C2E3E y #DEC3C7. 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)

#8C2E3E - #DEC3C7 | 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 #8C2E3E como 0% y #DEC3C7 como 100%.

0.0%	0.0% #8C2E3E	RGB 140 46 62	#8C2E3E
16.7%	16.7% #994654	RGB 153 70 84	#994654
33.3%	33.3% #A75F6B	RGB 167 95 107	#A75F6B
50.0%	50.0% #B57882	RGB 181 120 130	#B57882
66.7%	66.7% #C29199	RGB 194 145 153	#C29199
83.3%	83.3% #D0AAB0	RGB 208 170 176	#D0AAB0
100.0%	100.0% #DEC3C7	RGB 222 195 199	#DEC3C7

#8C2E3E #994654 #A75F6B #B57882 #C29199 #D0AAB0 #DEC3C7

#8C2E3E - #DEC3C7

Mezcla HSV

#8C2E3E - #DEC3C7 | 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 #8C2E3E como 0% y #DEC3C7 como 100%.

0.0%	0.0% #8C2E3D	RGB 140 46 61	#8C2E3D
16.7%	16.7% #99404F	RGB 153 64 79	#99404F
33.3%	33.3% #A75562	RGB 167 85 98	#A75562
50.0%	50.0% #B56D78	RGB 181 109 120	#B56D78
66.7%	66.7% #C28790	RGB 194 135 144	#C28790
83.3%	83.3% #D0A3AA	RGB 208 163 170	#D0A3AA
100.0%	100.0% #DEC3C7	RGB 222 195 199	#DEC3C7

#8C2E3D #99404F #A75562 #B56D78 #C28790 #D0A3AA #DEC3C7

#8C2E3E - #B56D78 - #DEC3C7

Códigos CSS

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

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