#BC3EB6 - #EBC7E9 | 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 #BC3EB6 a #EBC7E9

#BC3EB6 #EBC7E9

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

#BC3EB6 - #EBC7E9 | 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 #BC3EB6 como 0% y #EBC7E9 como 100%.

0.0%	0.0% #BC3EB6	RGB 188 62 182	#BC3EB6
16.7%	16.7% #C354BE	RGB 195 84 190	#C354BE
33.3%	33.3% #CB6BC7	RGB 203 107 199	#CB6BC7
50.0%	50.0% #D382CF	RGB 211 130 207	#D382CF
66.7%	66.7% #DB99D8	RGB 219 153 216	#DB99D8
83.3%	83.3% #E3B0E0	RGB 227 176 224	#E3B0E0
100.0%	100.0% #EBC7E9	RGB 235 199 233	#EBC7E9

#BC3EB6 #C354BE #CB6BC7 #D382CF #DB99D8 #E3B0E0 #EBC7E9

#BC3EB6 - #EBC7E9

Mezcla HSV

#BC3EB6 - #EBC7E9 | 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 #BC3EB6 como 0% y #EBC7E9 como 100%.

0.0%	0.0% #BC3EB6	RGB 188 62 182	#BC3EB6
16.7%	16.7% #C351BE	RGB 195 81 190	#C351BE
33.3%	33.3% #CB66C6	RGB 203 102 198	#CB66C6
50.0%	50.0% #D37CCF	RGB 211 124 207	#D37CCF
66.7%	66.7% #DB93D7	RGB 219 147 215	#DB93D7
83.3%	83.3% #E3ACE0	RGB 227 172 224	#E3ACE0
100.0%	100.0% #EBC7E9	RGB 235 199 233	#EBC7E9

#BC3EB6 #C351BE #CB66C6 #D37CCF #DB93D7 #E3ACE0 #EBC7E9

#BC3EB6 - #D37CCF - #EBC7E9

Códigos CSS

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

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