#BCB0BA - #EAC8EC | 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 #BCB0BA a #EAC8EC

#BCB0BA #EAC8EC

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

#BCB0BA - #EAC8EC | 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 #BCB0BA como 0% y #EAC8EC como 100%.

0.0%	0.0% #BCB0BA	RGB 188 176 186	#BCB0BA
16.7%	16.7% #C3B4C2	RGB 195 180 194	#C3B4C2
33.3%	33.3% #CBB8CA	RGB 203 184 202	#CBB8CA
50.0%	50.0% #D3BCD3	RGB 211 188 211	#D3BCD3
66.7%	66.7% #DAC0DB	RGB 218 192 219	#DAC0DB
83.3%	83.3% #E2C4E3	RGB 226 196 227	#E2C4E3
100.0%	100.0% #EAC8EC	RGB 234 200 236	#EAC8EC

#BCB0BA #C3B4C2 #CBB8CA #D3BCD3 #DAC0DB #E2C4E3 #EAC8EC

#BCB0BA - #EAC8EC

Mezcla HSV

#BCB0BA - #EAC8EC | 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 #BCB0BA como 0% y #EAC8EC como 100%.

0.0%	0.0% #BCB0BA	RGB 188 176 186	#BCB0BA
16.7%	16.7% #C4B4C2	RGB 196 180 194	#C4B4C2
33.3%	33.3% #CCB8CA	RGB 204 184 202	#CCB8CA
50.0%	50.0% #D4BDD2	RGB 212 189 210	#D4BDD2
66.7%	66.7% #DCC0DB	RGB 220 192 219	#DCC0DB
83.3%	83.3% #E3C4E4	RGB 227 196 228	#E3C4E4
100.0%	100.0% #EAC8EC	RGB 234 200 236	#EAC8EC

#BCB0BA #C4B4C2 #CCB8CA #D4BDD2 #DCC0DB #E3C4E4 #EAC8EC

#BCB0BA - #D4BDD2 - #EAC8EC

Códigos CSS

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

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