#C56262 - #FEB581 | 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 #C56262 a #FEB581

#C56262 #FEB581

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

#C56262 - #FEB581 | 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 #C56262 como 0% y #FEB581 como 100%.

0.0%	0.0% #C56262	RGB 197 98 98	#C56262
16.7%	16.7% #CE6F67	RGB 206 111 103	#CE6F67
33.3%	33.3% #D87D6C	RGB 216 125 108	#D87D6C
50.0%	50.0% #E18B71	RGB 225 139 113	#E18B71
66.7%	66.7% #EB9976	RGB 235 153 118	#EB9976
83.3%	83.3% #F4A77B	RGB 244 167 123	#F4A77B
100.0%	100.0% #FEB581	RGB 254 181 129	#FEB581

#C56262 #CE6F67 #D87D6C #E18B71 #EB9976 #F4A77B #FEB581

#C56262 - #FEB581

Mezcla HSV

#C56262 - #FEB581 | 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 #C56262 como 0% y #FEB581 como 100%.

0.0%	0.0% #C56262	RGB 197 98 98	#C56262
16.7%	16.7% #CE6E67	RGB 206 110 103	#CE6E67
33.3%	33.3% #D87B6C	RGB 216 123 108	#D87B6C
50.0%	50.0% #E18871	RGB 225 136 113	#E18871
66.7%	66.7% #EB9676	RGB 235 150 118	#EB9676
83.3%	83.3% #F4A57B	RGB 244 165 123	#F4A57B
100.0%	100.0% #FEB581	RGB 254 181 129	#FEB581

#C56262 #CE6E67 #D87B6C #E18871 #EB9676 #F4A57B #FEB581

#C56262 - #E18871 - #FEB581

Códigos CSS

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

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