#DFDFEB - #829DB4 | 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 #DFDFEB a #829DB4

#DFDFEB #829DB4

Calcule el color entre dos colores, #DFDFEB y #829DB4. 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)

#DFDFEB - #829DB4 | 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 #DFDFEB como 0% y #829DB4 como 100%.

0.0%	0.0% #DFDFEB	RGB 223 223 235	#DFDFEB
16.7%	16.7% #CFD4E1	RGB 207 212 225	#CFD4E1
33.3%	33.3% #C0C9D8	RGB 192 201 216	#C0C9D8
50.0%	50.0% #B0BECF	RGB 176 190 207	#B0BECF
66.7%	66.7% #A1B3C6	RGB 161 179 198	#A1B3C6
83.3%	83.3% #91A8BD	RGB 145 168 189	#91A8BD
100.0%	100.0% #829DB4	RGB 130 157 180	#829DB4

#DFDFEB #CFD4E1 #C0C9D8 #B0BECF #A1B3C6 #91A8BD #829DB4

#DFDFEB - #829DB4

Mezcla HSV

#DFDFEB - #829DB4 | 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 #DFDFEB como 0% y #829DB4 como 100%.

0.0%	0.0% #DFDFEB	RGB 223 223 235	#DFDFEB
16.7%	16.7% #CDCFE1	RGB 205 207 225	#CDCFE1
33.3%	33.3% #BDC2D8	RGB 189 194 216	#BDC2D8
50.0%	50.0% #ADB6CF	RGB 173 182 207	#ADB6CF
66.7%	66.7% #9EACC6	RGB 158 172 198	#9EACC6
83.3%	83.3% #8FA4BD	RGB 143 164 189	#8FA4BD
100.0%	100.0% #829DB4	RGB 130 157 180	#829DB4

#DFDFEB #CDCFE1 #BDC2D8 #ADB6CF #9EACC6 #8FA4BD #829DB4

#DFDFEB - #ADB6CF - #829DB4

Códigos CSS

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

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