#DEB6E5 - #E3E5E3 | 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 #DEB6E5 a #E3E5E3

#DEB6E5 #E3E5E3

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

#DEB6E5 - #E3E5E3 | 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 #DEB6E5 como 0% y #E3E5E3 como 100%.

0.0%	0.0% #DEB6E5	RGB 222 182 229	#DEB6E5
16.7%	16.7% #DEBDE4	RGB 222 189 228	#DEBDE4
33.3%	33.3% #DFC5E4	RGB 223 197 228	#DFC5E4
50.0%	50.0% #E0CDE4	RGB 224 205 228	#E0CDE4
66.7%	66.7% #E1D5E3	RGB 225 213 227	#E1D5E3
83.3%	83.3% #E2DDE3	RGB 226 221 227	#E2DDE3
100.0%	100.0% #E3E5E3	RGB 227 229 227	#E3E5E3

#DEB6E5 #DEBDE4 #DFC5E4 #E0CDE4 #E1D5E3 #E2DDE3 #E3E5E3

#DEB6E5 - #E3E5E3

Mezcla HSV

#DEB6E5 - #E3E5E3 | 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 #DEB6E5 como 0% y #E3E5E3 como 100%.

0.0%	0.0% #DEB6E5	RGB 222 182 229	#DEB6E5
16.7%	16.7% #CCBDE5	RGB 204 189 229	#CCBDE5
33.3%	33.3% #C5C8E5	RGB 197 200 229	#C5C8E5
50.0%	50.0% #CCDAE5	RGB 204 218 229	#CCDAE5
66.7%	66.7% #D4E5E4	RGB 212 229 228	#D4E5E4
83.3%	83.3% #DBE5E0	RGB 219 229 224	#DBE5E0
100.0%	100.0% #E3E5E3	RGB 227 229 227	#E3E5E3

#DEB6E5 #CCBDE5 #C5C8E5 #CCDAE5 #D4E5E4 #DBE5E0 #E3E5E3

#DEB6E5 - #CCDAE5 - #E3E5E3

Códigos CSS

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

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