#E5E5E5 - #C69CD2 | 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 #E5E5E5 a #C69CD2

#E5E5E5 #C69CD2

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

#E5E5E5 - #C69CD2 | 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 #E5E5E5 como 0% y #C69CD2 como 100%.

0.0%	0.0% #E5E5E5	RGB 229 229 229	#E5E5E5
16.7%	16.7% #DFD8E1	RGB 223 216 225	#DFD8E1
33.3%	33.3% #DACCDE	RGB 218 204 222	#DACCDE
50.0%	50.0% #D5C0DB	RGB 213 192 219	#D5C0DB
66.7%	66.7% #D0B4D8	RGB 208 180 216	#D0B4D8
83.3%	83.3% #CBA8D5	RGB 203 168 213	#CBA8D5
100.0%	100.0% #C69CD2	RGB 198 156 210	#C69CD2

#E5E5E5 #DFD8E1 #DACCDE #D5C0DB #D0B4D8 #CBA8D5 #C69CD2

#E5E5E5 - #C69CD2

Mezcla HSV

#E5E5E5 - #C69CD2 | 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 #E5E5E5 como 0% y #C69CD2 como 100%.

0.0%	0.0% #E5E5E5	RGB 229 229 229	#E5E5E5
16.7%	16.7% #E1D8DA	RGB 225 216 218	#E1D8DA
33.3%	33.3% #DECBD3	RGB 222 203 211	#DECBD3
50.0%	50.0% #DBBFD0	RGB 219 191 208	#DBBFD0
66.7%	66.7% #D8B3D1	RGB 216 179 209	#D8B3D1
83.3%	83.3% #D4A7D5	RGB 212 167 213	#D4A7D5
100.0%	100.0% #C69CD2	RGB 198 156 210	#C69CD2

#E5E5E5 #E1D8DA #DECBD3 #DBBFD0 #D8B3D1 #D4A7D5 #C69CD2

#E5E5E5 - #DBBFD0 - #C69CD2

Códigos CSS

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

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