#E5B5E3 - #BC42B6 | 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 #E5B5E3 a #BC42B6

#E5B5E3 #BC42B6

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

#E5B5E3 - #BC42B6 | 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 #E5B5E3 como 0% y #BC42B6 como 100%.

0.0%	0.0% #E5B5E3	RGB 229 181 227	#E5B5E3
16.7%	16.7% #DEA1DB	RGB 222 161 219	#DEA1DB
33.3%	33.3% #D78ED4	RGB 215 142 212	#D78ED4
50.0%	50.0% #D07BCC	RGB 208 123 204	#D07BCC
66.7%	66.7% #C968C5	RGB 201 104 197	#C968C5
83.3%	83.3% #C255BD	RGB 194 85 189	#C255BD
100.0%	100.0% #BC42B6	RGB 188 66 182	#BC42B6

#E5B5E3 #DEA1DB #D78ED4 #D07BCC #C968C5 #C255BD #BC42B6

#E5B5E3 - #BC42B6

Mezcla HSV

#E5B5E3 - #BC42B6 | 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 #E5B5E3 como 0% y #BC42B6 como 100%.

0.0%	0.0% #E5B5E3	RGB 229 181 227	#E5B5E3
16.7%	16.7% #DE9FDB	RGB 222 159 219	#DE9FDB
33.3%	33.3% #D78AD3	RGB 215 138 211	#D78AD3
50.0%	50.0% #D076CC	RGB 208 118 204	#D076CC
66.7%	66.7% #C964C4	RGB 201 100 196	#C964C4
83.3%	83.3% #C252BD	RGB 194 82 189	#C252BD
100.0%	100.0% #BC42B6	RGB 188 66 182	#BC42B6

#E5B5E3 #DE9FDB #D78AD3 #D076CC #C964C4 #C252BD #BC42B6

#E5B5E3 - #D076CC - #BC42B6

Códigos CSS

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

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