#E2B5E5 - #B660C3 | 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 #E2B5E5 a #B660C3

#E2B5E5 #B660C3

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

#E2B5E5 - #B660C3 | 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 #E2B5E5 como 0% y #B660C3 como 100%.

0.0%	0.0% #E2B5E5	RGB 226 181 229	#E2B5E5
16.7%	16.7% #DAA6DF	RGB 218 166 223	#DAA6DF
33.3%	33.3% #D398D9	RGB 211 152 217	#D398D9
50.0%	50.0% #CC8AD4	RGB 204 138 212	#CC8AD4
66.7%	66.7% #C47CCE	RGB 196 124 206	#C47CCE
83.3%	83.3% #BD6EC8	RGB 189 110 200	#BD6EC8
100.0%	100.0% #B660C3	RGB 182 96 195	#B660C3

#E2B5E5 #DAA6DF #D398D9 #CC8AD4 #C47CCE #BD6EC8 #B660C3

#E2B5E5 - #B660C3

Mezcla HSV

#E2B5E5 - #B660C3 | 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 #E2B5E5 como 0% y #B660C3 como 100%.

0.0%	0.0% #E2B5E5	RGB 226 181 229	#E2B5E5
16.7%	16.7% #DBA5DF	RGB 219 165 223	#DBA5DF
33.3%	33.3% #D396D9	RGB 211 150 217	#D396D9
50.0%	50.0% #CC87D4	RGB 204 135 212	#CC87D4
66.7%	66.7% #C57ACE	RGB 197 122 206	#C57ACE
83.3%	83.3% #BD6CC8	RGB 189 108 200	#BD6CC8
100.0%	100.0% #B660C3	RGB 182 96 195	#B660C3

#E2B5E5 #DBA5DF #D396D9 #CC87D4 #C57ACE #BD6CC8 #B660C3

#E2B5E5 - #CC87D4 - #B660C3

Códigos CSS

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

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