#C92D02 - #EFC3B6 | 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 #C92D02 a #EFC3B6

#C92D02 #EFC3B6

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

#C92D02 - #EFC3B6 | 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 #C92D02 como 0% y #EFC3B6 como 100%.

0.0%	0.0% #C92D02	RGB 201 45 2	#C92D02
16.7%	16.7% #CF4620	RGB 207 70 32	#CF4620
33.3%	33.3% #D55F3E	RGB 213 95 62	#D55F3E
50.0%	50.0% #DC785C	RGB 220 120 92	#DC785C
66.7%	66.7% #E2917A	RGB 226 145 122	#E2917A
83.3%	83.3% #E8AA98	RGB 232 170 152	#E8AA98
100.0%	100.0% #EFC3B6	RGB 239 195 182	#EFC3B6

#C92D02 #CF4620 #D55F3E #DC785C #E2917A #E8AA98 #EFC3B6

#C92D02 - #EFC3B6

Mezcla HSV

#C92D02 - #EFC3B6 | 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 #C92D02 como 0% y #EFC3B6 como 100%.

0.0%	0.0% #C92C01	RGB 201 44 1	#C92C01
16.7%	16.7% #CF431C	RGB 207 67 28	#CF431C
33.3%	33.3% #D55A37	RGB 213 90 55	#D55A37
50.0%	50.0% #DC7254	RGB 220 114 84	#DC7254
66.7%	66.7% #E28C73	RGB 226 140 115	#E28C73
83.3%	83.3% #E8A794	RGB 232 167 148	#E8A794
100.0%	100.0% #EFC3B6	RGB 239 195 182	#EFC3B6

#C92C01 #CF431C #D55A37 #DC7254 #E28C73 #E8A794 #EFC3B6

#C92D02 - #DC7254 - #EFC3B6

Códigos CSS

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

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