#D8D4CF - #FFF3DF | 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 #D8D4CF a #FFF3DF

#D8D4CF #FFF3DF

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

#D8D4CF - #FFF3DF | 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 #D8D4CF como 0% y #FFF3DF como 100%.

0.0%	0.0% #D8D4CF	RGB 216 212 207	#D8D4CF
16.7%	16.7% #DED9D1	RGB 222 217 209	#DED9D1
33.3%	33.3% #E5DED4	RGB 229 222 212	#E5DED4
50.0%	50.0% #EBE3D7	RGB 235 227 215	#EBE3D7
66.7%	66.7% #F2E8D9	RGB 242 232 217	#F2E8D9
83.3%	83.3% #F8EDDC	RGB 248 237 220	#F8EDDC
100.0%	100.0% #FFF3DF	RGB 255 243 223	#FFF3DF

#D8D4CF #DED9D1 #E5DED4 #EBE3D7 #F2E8D9 #F8EDDC #FFF3DF

#D8D4CF - #FFF3DF

Mezcla HSV

#D8D4CF - #FFF3DF | 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 #D8D4CF como 0% y #FFF3DF como 100%.

0.0%	0.0% #D8D4CF	RGB 216 212 207	#D8D4CF
16.7%	16.7% #DED9D2	RGB 222 217 210	#DED9D2
33.3%	33.3% #E5DED5	RGB 229 222 213	#E5DED5
50.0%	50.0% #EBE3D7	RGB 235 227 215	#EBE3D7
66.7%	66.7% #F2E8DA	RGB 242 232 218	#F2E8DA
83.3%	83.3% #F8EDDC	RGB 248 237 220	#F8EDDC
100.0%	100.0% #FFF3DF	RGB 255 243 223	#FFF3DF

#D8D4CF #DED9D2 #E5DED5 #EBE3D7 #F2E8DA #F8EDDC #FFF3DF

#D8D4CF - #EBE3D7 - #FFF3DF

Códigos CSS

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

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