#E5E4E7 - #C09AD5 | 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 #E5E4E7 a #C09AD5

#E5E4E7 #C09AD5

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

#E5E4E7 - #C09AD5 | 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 #E5E4E7 como 0% y #C09AD5 como 100%.

0.0%	0.0% #E5E4E7	RGB 229 228 231	#E5E4E7
16.7%	16.7% #DED7E4	RGB 222 215 228	#DED7E4
33.3%	33.3% #D8CBE1	RGB 216 203 225	#D8CBE1
50.0%	50.0% #D2BFDE	RGB 210 191 222	#D2BFDE
66.7%	66.7% #CCB2DB	RGB 204 178 219	#CCB2DB
83.3%	83.3% #C6A6D8	RGB 198 166 216	#C6A6D8
100.0%	100.0% #C09AD5	RGB 192 154 213	#C09AD5

#E5E4E7 #DED7E4 #D8CBE1 #D2BFDE #CCB2DB #C6A6D8 #C09AD5

#E5E4E7 - #C09AD5

Mezcla HSV

#E5E4E7 - #C09AD5 | 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 #E5E4E7 como 0% y #C09AD5 como 100%.

0.0%	0.0% #E5E4E7	RGB 229 228 231	#E5E4E7
16.7%	16.7% #DCD7E4	RGB 220 215 228	#DCD7E4
33.3%	33.3% #D4CAE1	RGB 212 202 225	#D4CAE1
50.0%	50.0% #CDBDDE	RGB 205 189 222	#CDBDDE
66.7%	66.7% #C7B1DB	RGB 199 177 219	#C7B1DB
83.3%	83.3% #C3A5D8	RGB 195 165 216	#C3A5D8
100.0%	100.0% #C09AD5	RGB 192 154 213	#C09AD5

#E5E4E7 #DCD7E4 #D4CAE1 #CDBDDE #C7B1DB #C3A5D8 #C09AD5

#E5E4E7 - #CDBDDE - #C09AD5

Códigos CSS

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

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