#FF9C78 - #FFE2D8 | 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 #FF9C78 a #FFE2D8

#FF9C78 #FFE2D8

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

#FF9C78 - #FFE2D8 | 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 #FF9C78 como 0% y #FFE2D8 como 100%.

0.0%	0.0% #FF9C78	RGB 255 156 120	#FF9C78
16.7%	16.7% #FFA788	RGB 255 167 136	#FFA788
33.3%	33.3% #FFB398	RGB 255 179 152	#FFB398
50.0%	50.0% #FFBFA8	RGB 255 191 168	#FFBFA8
66.7%	66.7% #FFCAB8	RGB 255 202 184	#FFCAB8
83.3%	83.3% #FFD6C8	RGB 255 214 200	#FFD6C8
100.0%	100.0% #FFE2D8	RGB 255 226 216	#FFE2D8

#FF9C78 #FFA788 #FFB398 #FFBFA8 #FFCAB8 #FFD6C8 #FFE2D8

#FF9C78 - #FFE2D8

Mezcla HSV

#FF9C78 - #FFE2D8 | 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 #FF9C78 como 0% y #FFE2D8 como 100%.

0.0%	0.0% #FF9C78	RGB 255 156 120	#FF9C78
16.7%	16.7% #FFA788	RGB 255 167 136	#FFA788
33.3%	33.3% #FFB398	RGB 255 179 152	#FFB398
50.0%	50.0% #FFBEA8	RGB 255 190 168	#FFBEA8
66.7%	66.7% #FFCAB8	RGB 255 202 184	#FFCAB8
83.3%	83.3% #FFD6C8	RGB 255 214 200	#FFD6C8
100.0%	100.0% #FFE2D8	RGB 255 226 216	#FFE2D8

#FF9C78 #FFA788 #FFB398 #FFBEA8 #FFCAB8 #FFD6C8 #FFE2D8

#FF9C78 - #FFBEA8 - #FFE2D8

Códigos CSS

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

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