#FFDEC0 - #DB9A5E | 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 #FFDEC0 a #DB9A5E

#FFDEC0 #DB9A5E

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

#FFDEC0 - #DB9A5E | 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 #FFDEC0 como 0% y #DB9A5E como 100%.

0.0%	0.0% #FFDEC0	RGB 255 222 192	#FFDEC0
16.7%	16.7% #F9D2AF	RGB 249 210 175	#F9D2AF
33.3%	33.3% #F3C79F	RGB 243 199 159	#F3C79F
50.0%	50.0% #EDBC8F	RGB 237 188 143	#EDBC8F
66.7%	66.7% #E7B07E	RGB 231 176 126	#E7B07E
83.3%	83.3% #E1A56E	RGB 225 165 110	#E1A56E
100.0%	100.0% #DB9A5E	RGB 219 154 94	#DB9A5E

#FFDEC0 #F9D2AF #F3C79F #EDBC8F #E7B07E #E1A56E #DB9A5E

#FFDEC0 - #DB9A5E

Mezcla HSV

#FFDEC0 - #DB9A5E | 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 #FFDEC0 como 0% y #DB9A5E como 100%.

0.0%	0.0% #FFDEC0	RGB 255 222 192	#FFDEC0
16.7%	16.7% #F9D1AE	RGB 249 209 174	#F9D1AE
33.3%	33.3% #F3C59C	RGB 243 197 156	#F3C59C
50.0%	50.0% #EDBA8C	RGB 237 186 140	#EDBA8C
66.7%	66.7% #E7AF7C	RGB 231 175 124	#E7AF7C
83.3%	83.3% #E1A46C	RGB 225 164 108	#E1A46C
100.0%	100.0% #DB9A5E	RGB 219 154 94	#DB9A5E

#FFDEC0 #F9D1AE #F3C59C #EDBA8C #E7AF7C #E1A46C #DB9A5E

#FFDEC0 - #EDBA8C - #DB9A5E

Códigos CSS

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

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