#DDDADA - #FFF9F0 | 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 #DDDADA a #FFF9F0

#DDDADA #FFF9F0

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

#DDDADA - #FFF9F0 | 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 #DDDADA como 0% y #FFF9F0 como 100%.

0.0%	0.0% #DDDADA	RGB 221 218 218	#DDDADA
16.7%	16.7% #E2DFDD	RGB 226 223 221	#E2DFDD
33.3%	33.3% #E8E4E1	RGB 232 228 225	#E8E4E1
50.0%	50.0% #EEE9E5	RGB 238 233 229	#EEE9E5
66.7%	66.7% #F3EEE8	RGB 243 238 232	#F3EEE8
83.3%	83.3% #F9F3EC	RGB 249 243 236	#F9F3EC
100.0%	100.0% #FFF9F0	RGB 255 249 240	#FFF9F0

#DDDADA #E2DFDD #E8E4E1 #EEE9E5 #F3EEE8 #F9F3EC #FFF9F0

#DDDADA - #FFF9F0

Mezcla HSV

#DDDADA - #FFF9F0 | 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 #DDDADA como 0% y #FFF9F0 como 100%.

0.0%	0.0% #DDDADA	RGB 221 218 218	#DDDADA
16.7%	16.7% #E2DEDD	RGB 226 222 221	#E2DEDD
33.3%	33.3% #E8E3E1	RGB 232 227 225	#E8E3E1
50.0%	50.0% #EEE7E5	RGB 238 231 229	#EEE7E5
66.7%	66.7% #F3EDE9	RGB 243 237 233	#F3EDE9
83.3%	83.3% #F9F2EC	RGB 249 242 236	#F9F2EC
100.0%	100.0% #FFF9F0	RGB 255 249 240	#FFF9F0

#DDDADA #E2DEDD #E8E3E1 #EEE7E5 #F3EDE9 #F9F2EC #FFF9F0

#DDDADA - #EEE7E5 - #FFF9F0

Códigos CSS

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

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