#CE635C - #A02319 | 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 #CE635C a #A02319

#CE635C #A02319

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

#CE635C - #A02319 | 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 #CE635C como 0% y #A02319 como 100%.

0.0%	0.0% #CE635C	RGB 206 99 92	#CE635C
16.7%	16.7% #C65850	RGB 198 88 80	#C65850
33.3%	33.3% #BE4D45	RGB 190 77 69	#BE4D45
50.0%	50.0% #B7433A	RGB 183 67 58	#B7433A
66.7%	66.7% #AF382F	RGB 175 56 47	#AF382F
83.3%	83.3% #A72D24	RGB 167 45 36	#A72D24
100.0%	100.0% #A02319	RGB 160 35 25	#A02319

#CE635C #C65850 #BE4D45 #B7433A #AF382F #A72D24 #A02319

#CE635C - #A02319

Mezcla HSV

#CE635C - #A02319 | 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 #CE635C como 0% y #A02319 como 100%.

0.0%	0.0% #CE635C	RGB 206 99 92	#CE635C
16.7%	16.7% #C6564E	RGB 198 86 78	#C6564E
33.3%	33.3% #BE4A42	RGB 190 74 66	#BE4A42
50.0%	50.0% #B73F37	RGB 183 63 55	#B73F37
66.7%	66.7% #AF352C	RGB 175 53 44	#AF352C
83.3%	83.3% #A72B22	RGB 167 43 34	#A72B22
100.0%	100.0% #A02319	RGB 160 35 25	#A02319

#CE635C #C6564E #BE4A42 #B73F37 #AF352C #A72B22 #A02319

#CE635C - #B73F37 - #A02319

Códigos CSS

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

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