#BC6D9C - #EBD5E2 | 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 #BC6D9C a #EBD5E2

#BC6D9C #EBD5E2

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

#BC6D9C - #EBD5E2 | 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 #BC6D9C como 0% y #EBD5E2 como 100%.

0.0%	0.0% #BC6D9C	RGB 188 109 156	#BC6D9C
16.7%	16.7% #C37EA7	RGB 195 126 167	#C37EA7
33.3%	33.3% #CB8FB3	RGB 203 143 179	#CB8FB3
50.0%	50.0% #D3A1BF	RGB 211 161 191	#D3A1BF
66.7%	66.7% #DBB2CA	RGB 219 178 202	#DBB2CA
83.3%	83.3% #E3C3D6	RGB 227 195 214	#E3C3D6
100.0%	100.0% #EBD5E2	RGB 235 213 226	#EBD5E2

#BC6D9C #C37EA7 #CB8FB3 #D3A1BF #DBB2CA #E3C3D6 #EBD5E2

#BC6D9C - #EBD5E2

Mezcla HSV

#BC6D9C - #EBD5E2 | 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 #BC6D9C como 0% y #EBD5E2 como 100%.

0.0%	0.0% #BC6D9C	RGB 188 109 156	#BC6D9C
16.7%	16.7% #C37CA6	RGB 195 124 166	#C37CA6
33.3%	33.3% #CB8CB1	RGB 203 140 177	#CB8CB1
50.0%	50.0% #D39DBD	RGB 211 157 189	#D39DBD
66.7%	66.7% #DBAEC9	RGB 219 174 201	#DBAEC9
83.3%	83.3% #E3C1D5	RGB 227 193 213	#E3C1D5
100.0%	100.0% #EBD5E2	RGB 235 213 226	#EBD5E2

#BC6D9C #C37CA6 #CB8CB1 #D39DBD #DBAEC9 #E3C1D5 #EBD5E2

#BC6D9C - #D39DBD - #EBD5E2

Códigos CSS

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

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