#E7B5E1 - #C2499E | 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 #E7B5E1 a #C2499E

#E7B5E1 #C2499E

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

#E7B5E1 - #C2499E | 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 #E7B5E1 como 0% y #C2499E como 100%.

0.0%	0.0% #E7B5E1	RGB 231 181 225	#E7B5E1
16.7%	16.7% #E0A3D5	RGB 224 163 213	#E0A3D5
33.3%	33.3% #DA91CA	RGB 218 145 202	#DA91CA
50.0%	50.0% #D47FBF	RGB 212 127 191	#D47FBF
66.7%	66.7% #CE6DB4	RGB 206 109 180	#CE6DB4
83.3%	83.3% #C85BA9	RGB 200 91 169	#C85BA9
100.0%	100.0% #C2499E	RGB 194 73 158	#C2499E

#E7B5E1 #E0A3D5 #DA91CA #D47FBF #CE6DB4 #C85BA9 #C2499E

#E7B5E1 - #C2499E

Mezcla HSV

#E7B5E1 - #C2499E | 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 #E7B5E1 como 0% y #C2499E como 100%.

0.0%	0.0% #E7B5E1	RGB 231 181 225	#E7B5E1
16.7%	16.7% #E0A0D7	RGB 224 160 215	#E0A0D7
33.3%	33.3% #DA8DCC	RGB 218 141 204	#DA8DCC
50.0%	50.0% #D47BC1	RGB 212 123 193	#D47BC1
66.7%	66.7% #CE69B6	RGB 206 105 182	#CE69B6
83.3%	83.3% #C858AA	RGB 200 88 170	#C858AA
100.0%	100.0% #C2499E	RGB 194 73 158	#C2499E

#E7B5E1 #E0A0D7 #DA8DCC #D47BC1 #CE69B6 #C858AA #C2499E

#E7B5E1 - #D47BC1 - #C2499E

Códigos CSS

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

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