#C92A00 - #EFC2B6 | 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 #C92A00 a #EFC2B6

#C92A00 #EFC2B6

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

#C92A00 - #EFC2B6 | 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 #C92A00 como 0% y #EFC2B6 como 100%.

0.0%	0.0% #C92A00	RGB 201 42 0	#C92A00
16.7%	16.7% #CF431E	RGB 207 67 30	#CF431E
33.3%	33.3% #D55C3C	RGB 213 92 60	#D55C3C
50.0%	50.0% #DC765B	RGB 220 118 91	#DC765B
66.7%	66.7% #E28F79	RGB 226 143 121	#E28F79
83.3%	83.3% #E8A897	RGB 232 168 151	#E8A897
100.0%	100.0% #EFC2B6	RGB 239 194 182	#EFC2B6

#C92A00 #CF431E #D55C3C #DC765B #E28F79 #E8A897 #EFC2B6

#C92A00 - #EFC2B6

Mezcla HSV

#C92A00 - #EFC2B6 | 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 #C92A00 como 0% y #EFC2B6 como 100%.

0.0%	0.0% #C92A00	RGB 201 42 0	#C92A00
16.7%	16.7% #CF401A	RGB 207 64 26	#CF401A
33.3%	33.3% #D55736	RGB 213 87 54	#D55736
50.0%	50.0% #DC7053	RGB 220 112 83	#DC7053
66.7%	66.7% #E28A72	RGB 226 138 114	#E28A72
83.3%	83.3% #E8A593	RGB 232 165 147	#E8A593
100.0%	100.0% #EFC2B6	RGB 239 194 182	#EFC2B6

#C92A00 #CF401A #D55736 #DC7053 #E28A72 #E8A593 #EFC2B6

#C92A00 - #DC7053 - #EFC2B6

Códigos CSS

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

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