#D0D0D6 - #E1E3D9 | 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 #D0D0D6 a #E1E3D9

#D0D0D6 #E1E3D9

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

#D0D0D6 - #E1E3D9 | 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 #D0D0D6 como 0% y #E1E3D9 como 100%.

0.0%	0.0% #D0D0D6	RGB 208 208 214	#D0D0D6
16.7%	16.7% #D2D3D6	RGB 210 211 214	#D2D3D6
33.3%	33.3% #D5D6D7	RGB 213 214 215	#D5D6D7
50.0%	50.0% #D8D9D7	RGB 216 217 215	#D8D9D7
66.7%	66.7% #DBDCD8	RGB 219 220 216	#DBDCD8
83.3%	83.3% #DEDFD8	RGB 222 223 216	#DEDFD8
100.0%	100.0% #E1E3D9	RGB 225 227 217	#E1E3D9

#D0D0D6 #D2D3D6 #D5D6D7 #D8D9D7 #DBDCD8 #DEDFD8 #E1E3D9

#D0D0D6 - #E1E3D9

Mezcla HSV

#D0D0D6 - #E1E3D9 | 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 #D0D0D6 como 0% y #E1E3D9 como 100%.

0.0%	0.0% #D0D0D6	RGB 208 208 214	#D0D0D6
16.7%	16.7% #D1D4D8	RGB 209 212 216	#D1D4D8
33.3%	33.3% #D3D9DA	RGB 211 217 218	#D3D9DA
50.0%	50.0% #D4DCD9	RGB 212 220 217	#D4DCD9
66.7%	66.7% #D6DED7	RGB 214 222 215	#D6DED7
83.3%	83.3% #DAE0D7	RGB 218 224 215	#DAE0D7
100.0%	100.0% #E1E3D9	RGB 225 227 217	#E1E3D9

#D0D0D6 #D1D4D8 #D3D9DA #D4DCD9 #D6DED7 #DAE0D7 #E1E3D9

#D0D0D6 - #D4DCD9 - #E1E3D9

Códigos CSS

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

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