#BC2F83 - #EBC3DB | 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 #BC2F83 a #EBC3DB

#BC2F83 #EBC3DB

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

#BC2F83 - #EBC3DB | 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 #BC2F83 como 0% y #EBC3DB como 100%.

0.0%	0.0% #BC2F83	RGB 188 47 131	#BC2F83
16.7%	16.7% #C34791	RGB 195 71 145	#C34791
33.3%	33.3% #CB60A0	RGB 203 96 160	#CB60A0
50.0%	50.0% #D379AF	RGB 211 121 175	#D379AF
66.7%	66.7% #DB91BD	RGB 219 145 189	#DB91BD
83.3%	83.3% #E3AACC	RGB 227 170 204	#E3AACC
100.0%	100.0% #EBC3DB	RGB 235 195 219	#EBC3DB

#BC2F83 #C34791 #CB60A0 #D379AF #DB91BD #E3AACC #EBC3DB

#BC2F83 - #EBC3DB

Mezcla HSV

#BC2F83 - #EBC3DB | 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 #BC2F83 como 0% y #EBC3DB como 100%.

0.0%	0.0% #BC2F83	RGB 188 47 131	#BC2F83
16.7%	16.7% #C34390	RGB 195 67 144	#C34390
33.3%	33.3% #CB5A9D	RGB 203 90 157	#CB5A9D
50.0%	50.0% #D372AC	RGB 211 114 172	#D372AC
66.7%	66.7% #DB8BBB	RGB 219 139 187	#DB8BBB
83.3%	83.3% #E3A6CA	RGB 227 166 202	#E3A6CA
100.0%	100.0% #EBC3DB	RGB 235 195 219	#EBC3DB

#BC2F83 #C34390 #CB5A9D #D372AC #DB8BBB #E3A6CA #EBC3DB

#BC2F83 - #D372AC - #EBC3DB

Códigos CSS

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

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