#D1D0C8 - #FFEFD4 | 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 #D1D0C8 a #FFEFD4

#D1D0C8 #FFEFD4

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

#D1D0C8 - #FFEFD4 | 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 #D1D0C8 como 0% y #FFEFD4 como 100%.

0.0%	0.0% #D1D0C8	RGB 209 208 200	#D1D0C8
16.7%	16.7% #D8D5CA	RGB 216 213 202	#D8D5CA
33.3%	33.3% #E0DACC	RGB 224 218 204	#E0DACC
50.0%	50.0% #E8DFCE	RGB 232 223 206	#E8DFCE
66.7%	66.7% #EFE4D0	RGB 239 228 208	#EFE4D0
83.3%	83.3% #F7E9D2	RGB 247 233 210	#F7E9D2
100.0%	100.0% #FFEFD4	RGB 255 239 212	#FFEFD4

#D1D0C8 #D8D5CA #E0DACC #E8DFCE #EFE4D0 #F7E9D2 #FFEFD4

#D1D0C8 - #FFEFD4

Mezcla HSV

#D1D0C8 - #FFEFD4 | 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 #D1D0C8 como 0% y #FFEFD4 como 100%.

0.0%	0.0% #D1D0C8	RGB 209 208 200	#D1D0C8
16.7%	16.7% #D8D6CA	RGB 216 214 202	#D8D6CA
33.3%	33.3% #E0DCCD	RGB 224 220 205	#E0DCCD
50.0%	50.0% #E8E2CF	RGB 232 226 207	#E8E2CF
66.7%	66.7% #EFE7D1	RGB 239 231 209	#EFE7D1
83.3%	83.3% #F7EBD2	RGB 247 235 210	#F7EBD2
100.0%	100.0% #FFEFD4	RGB 255 239 212	#FFEFD4

#D1D0C8 #D8D6CA #E0DCCD #E8E2CF #EFE7D1 #F7EBD2 #FFEFD4

#D1D0C8 - #E8E2CF - #FFEFD4

Códigos CSS

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

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