#DF9F92 - #F5E3DF | 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 #DF9F92 a #F5E3DF

#DF9F92 #F5E3DF

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

#DF9F92 - #F5E3DF | 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 #DF9F92 como 0% y #F5E3DF como 100%.

0.0%	0.0% #DF9F92	RGB 223 159 146	#DF9F92
16.7%	16.7% #E2AA9E	RGB 226 170 158	#E2AA9E
33.3%	33.3% #E6B5AB	RGB 230 181 171	#E6B5AB
50.0%	50.0% #EAC1B8	RGB 234 193 184	#EAC1B8
66.7%	66.7% #EDCCC5	RGB 237 204 197	#EDCCC5
83.3%	83.3% #F1D7D2	RGB 241 215 210	#F1D7D2
100.0%	100.0% #F5E3DF	RGB 245 227 223	#F5E3DF

#DF9F92 #E2AA9E #E6B5AB #EAC1B8 #EDCCC5 #F1D7D2 #F5E3DF

#DF9F92 - #F5E3DF

Mezcla HSV

#DF9F92 - #F5E3DF | 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 #DF9F92 como 0% y #F5E3DF como 100%.

0.0%	0.0% #DF9F92	RGB 223 159 146	#DF9F92
16.7%	16.7% #E2A99E	RGB 226 169 158	#E2A99E
33.3%	33.3% #E6B4AA	RGB 230 180 170	#E6B4AA
50.0%	50.0% #EAC0B7	RGB 234 192 183	#EAC0B7
66.7%	66.7% #EDCBC4	RGB 237 203 196	#EDCBC4
83.3%	83.3% #F1D7D1	RGB 241 215 209	#F1D7D1
100.0%	100.0% #F5E3DF	RGB 245 227 223	#F5E3DF

#DF9F92 #E2A99E #E6B4AA #EAC0B7 #EDCBC4 #F1D7D1 #F5E3DF

#DF9F92 - #EAC0B7 - #F5E3DF

Códigos CSS

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

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