#C8333C - #EFC4C7 | 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 #C8333C a #EFC4C7

#C8333C #EFC4C7

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

#C8333C - #EFC4C7 | 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 #C8333C como 0% y #EFC4C7 como 100%.

0.0%	0.0% #C8333C	RGB 200 51 60	#C8333C
16.7%	16.7% #CE4B53	RGB 206 75 83	#CE4B53
33.3%	33.3% #D5636A	RGB 213 99 106	#D5636A
50.0%	50.0% #DB7B81	RGB 219 123 129	#DB7B81
66.7%	66.7% #E29398	RGB 226 147 152	#E29398
83.3%	83.3% #E8ABAF	RGB 232 171 175	#E8ABAF
100.0%	100.0% #EFC4C7	RGB 239 196 199	#EFC4C7

#C8333C #CE4B53 #D5636A #DB7B81 #E29398 #E8ABAF #EFC4C7

#C8333C - #EFC4C7

Mezcla HSV

#C8333C - #EFC4C7 | 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 #C8333C como 0% y #EFC4C7 como 100%.

0.0%	0.0% #C8333B	RGB 200 51 59	#C8333B
16.7%	16.7% #CE4850	RGB 206 72 80	#CE4850
33.3%	33.3% #D55E65	RGB 213 94 101	#D55E65
50.0%	50.0% #DB757C	RGB 219 117 124	#DB757C
66.7%	66.7% #E28E94	RGB 226 142 148	#E28E94
83.3%	83.3% #E8A8AD	RGB 232 168 173	#E8A8AD
100.0%	100.0% #EFC4C7	RGB 239 196 199	#EFC4C7

#C8333B #CE4850 #D55E65 #DB757C #E28E94 #E8A8AD #EFC4C7

#C8333C - #DB757C - #EFC4C7

Códigos CSS

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

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