#DCDCDB - #E5DFE7 | 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 #DCDCDB a #E5DFE7

#DCDCDB #E5DFE7

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

#DCDCDB - #E5DFE7 | 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 #DCDCDB como 0% y #E5DFE7 como 100%.

0.0%	0.0% #DCDCDB	RGB 220 220 219	#DCDCDB
16.7%	16.7% #DDDCDD	RGB 221 220 221	#DDDCDD
33.3%	33.3% #DFDDDF	RGB 223 221 223	#DFDDDF
50.0%	50.0% #E0DDE1	RGB 224 221 225	#E0DDE1
66.7%	66.7% #E2DEE3	RGB 226 222 227	#E2DEE3
83.3%	83.3% #E3DEE5	RGB 227 222 229	#E3DEE5
100.0%	100.0% #E5DFE7	RGB 229 223 231	#E5DFE7

#DCDCDB #DDDCDD #DFDDDF #E0DDE1 #E2DEE3 #E3DEE5 #E5DFE7

#DCDCDB - #E5DFE7

Mezcla HSV

#DCDCDB - #E5DFE7 | 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 #DCDCDB como 0% y #E5DFE7 como 100%.

0.0%	0.0% #DCDCDB	RGB 220 220 219	#DCDCDB
16.7%	16.7% #DDDDDB	RGB 221 221 219	#DDDDDB
33.3%	33.3% #DFDDDC	RGB 223 221 220	#DFDDDC
50.0%	50.0% #E1DDDD	RGB 225 221 221	#E1DDDD
66.7%	66.7% #E3DDE0	RGB 227 221 224	#E3DDE0
83.3%	83.3% #E5DEE4	RGB 229 222 228	#E5DEE4
100.0%	100.0% #E5DFE7	RGB 229 223 231	#E5DFE7

#DCDCDB #DDDDDB #DFDDDC #E1DDDD #E3DDE0 #E5DEE4 #E5DFE7

#DCDCDB - #E1DDDD - #E5DFE7

Códigos CSS

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

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