#E4DCEA - #9A8BAE | 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 #E4DCEA a #9A8BAE

#E4DCEA #9A8BAE

Calcule el color entre dos colores, #E4DCEA y #9A8BAE. 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)

#E4DCEA - #9A8BAE | 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 #E4DCEA como 0% y #9A8BAE como 100%.

0.0%	0.0% #E4DCEA	RGB 228 220 234	#E4DCEA
16.7%	16.7% #D7CEE0	RGB 215 206 224	#D7CEE0
33.3%	33.3% #CBC1D6	RGB 203 193 214	#CBC1D6
50.0%	50.0% #BFB3CC	RGB 191 179 204	#BFB3CC
66.7%	66.7% #B2A6C2	RGB 178 166 194	#B2A6C2
83.3%	83.3% #A698B8	RGB 166 152 184	#A698B8
100.0%	100.0% #9A8BAE	RGB 154 139 174	#9A8BAE

#E4DCEA #D7CEE0 #CBC1D6 #BFB3CC #B2A6C2 #A698B8 #9A8BAE

#E4DCEA - #9A8BAE

Mezcla HSV

#E4DCEA - #9A8BAE | 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 #E4DCEA como 0% y #9A8BAE como 100%.

0.0%	0.0% #E4DCEA	RGB 228 220 234	#E4DCEA
16.7%	16.7% #D7CDE0	RGB 215 205 224	#D7CDE0
33.3%	33.3% #CBBFD6	RGB 203 191 214	#CBBFD6
50.0%	50.0% #BEB1CC	RGB 190 177 204	#BEB1CC
66.7%	66.7% #B2A4C2	RGB 178 164 194	#B2A4C2
83.3%	83.3% #A697B8	RGB 166 151 184	#A697B8
100.0%	100.0% #9A8BAE	RGB 154 139 174	#9A8BAE

#E4DCEA #D7CDE0 #CBBFD6 #BEB1CC #B2A4C2 #A697B8 #9A8BAE

#E4DCEA - #BEB1CC - #9A8BAE

Códigos CSS

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

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