#C85E5E - #FEB27C | 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 #C85E5E a #FEB27C

#C85E5E #FEB27C

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

#C85E5E - #FEB27C | 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 #C85E5E como 0% y #FEB27C como 100%.

0.0%	0.0% #C85E5E	RGB 200 94 94	#C85E5E
16.7%	16.7% #D16C63	RGB 209 108 99	#D16C63
33.3%	33.3% #DA7A68	RGB 218 122 104	#DA7A68
50.0%	50.0% #E3886D	RGB 227 136 109	#E3886D
66.7%	66.7% #EC9672	RGB 236 150 114	#EC9672
83.3%	83.3% #F5A477	RGB 245 164 119	#F5A477
100.0%	100.0% #FEB27C	RGB 254 178 124	#FEB27C

#C85E5E #D16C63 #DA7A68 #E3886D #EC9672 #F5A477 #FEB27C

#C85E5E - #FEB27C

Mezcla HSV

#C85E5E - #FEB27C | 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 #C85E5E como 0% y #FEB27C como 100%.

0.0%	0.0% #C85E5E	RGB 200 94 94	#C85E5E
16.7%	16.7% #D16A62	RGB 209 106 98	#D16A62
33.3%	33.3% #DA7767	RGB 218 119 103	#DA7767
50.0%	50.0% #E3856C	RGB 227 133 108	#E3856C
66.7%	66.7% #EC9371	RGB 236 147 113	#EC9371
83.3%	83.3% #F5A276	RGB 245 162 118	#F5A276
100.0%	100.0% #FEB27C	RGB 254 178 124	#FEB27C

#C85E5E #D16A62 #DA7767 #E3856C #EC9371 #F5A276 #FEB27C

#C85E5E - #E3856C - #FEB27C

Códigos CSS

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

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