#DFDCEB - #8C86B5 | 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 #DFDCEB a #8C86B5

#DFDCEB #8C86B5

Calcule el color entre dos colores, #DFDCEB y #8C86B5. 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)

#DFDCEB - #8C86B5 | 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 #DFDCEB como 0% y #8C86B5 como 100%.

0.0%	0.0% #DFDCEB	RGB 223 220 235	#DFDCEB
16.7%	16.7% #D1CDE2	RGB 209 205 226	#D1CDE2
33.3%	33.3% #C3BFD9	RGB 195 191 217	#C3BFD9
50.0%	50.0% #B5B1D0	RGB 181 177 208	#B5B1D0
66.7%	66.7% #A7A2C7	RGB 167 162 199	#A7A2C7
83.3%	83.3% #9994BE	RGB 153 148 190	#9994BE
100.0%	100.0% #8C86B5	RGB 140 134 181	#8C86B5

#DFDCEB #D1CDE2 #C3BFD9 #B5B1D0 #A7A2C7 #9994BE #8C86B5

#DFDCEB - #8C86B5

Mezcla HSV

#DFDCEB - #8C86B5 | 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 #DFDCEB como 0% y #8C86B5 como 100%.

0.0%	0.0% #DFDCEB	RGB 223 220 235	#DFDCEB
16.7%	16.7% #D0CCE2	RGB 208 204 226	#D0CCE2
33.3%	33.3% #C1BCD9	RGB 193 188 217	#C1BCD9
50.0%	50.0% #B3AED0	RGB 179 174 208	#B3AED0
66.7%	66.7% #A6A0C7	RGB 166 160 199	#A6A0C7
83.3%	83.3% #9892BE	RGB 152 146 190	#9892BE
100.0%	100.0% #8C86B5	RGB 140 134 181	#8C86B5

#DFDCEB #D0CCE2 #C1BCD9 #B3AED0 #A6A0C7 #9892BE #8C86B5

#DFDCEB - #B3AED0 - #8C86B5

Códigos CSS

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

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