#C55F58 - #FEB175 | 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 #C55F58 a #FEB175

#C55F58 #FEB175

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

#C55F58 - #FEB175 | 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 #C55F58 como 0% y #FEB175 como 100%.

0.0%	0.0% #C55F58	RGB 197 95 88	#C55F58
16.7%	16.7% #CE6C5C	RGB 206 108 92	#CE6C5C
33.3%	33.3% #D87A61	RGB 216 122 97	#D87A61
50.0%	50.0% #E18866	RGB 225 136 102	#E18866
66.7%	66.7% #EB956B	RGB 235 149 107	#EB956B
83.3%	83.3% #F4A370	RGB 244 163 112	#F4A370
100.0%	100.0% #FEB175	RGB 254 177 117	#FEB175

#C55F58 #CE6C5C #D87A61 #E18866 #EB956B #F4A370 #FEB175

#C55F58 - #FEB175

Mezcla HSV

#C55F58 - #FEB175 | 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 #C55F58 como 0% y #FEB175 como 100%.

0.0%	0.0% #C55E57	RGB 197 94 87	#C55E57
16.7%	16.7% #CE6B5C	RGB 206 107 92	#CE6B5C
33.3%	33.3% #D87761	RGB 216 119 97	#D87761
50.0%	50.0% #E18566	RGB 225 133 102	#E18566
66.7%	66.7% #EB936B	RGB 235 147 107	#EB936B
83.3%	83.3% #F4A170	RGB 244 161 112	#F4A170
100.0%	100.0% #FEB175	RGB 254 177 117	#FEB175

#C55E57 #CE6B5C #D87761 #E18566 #EB936B #F4A170 #FEB175

#C55F58 - #E18566 - #FEB175

Códigos CSS

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

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