#BCABC6 - #6B517E | 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 #BCABC6 a #6B517E

#BCABC6 #6B517E

Calcule el color entre dos colores, #BCABC6 y #6B517E. 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)

#BCABC6 - #6B517E | 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 #BCABC6 como 0% y #6B517E como 100%.

0.0%	0.0% #BCABC6	RGB 188 171 198	#BCABC6
16.7%	16.7% #AE9CBA	RGB 174 156 186	#AE9CBA
33.3%	33.3% #A18DAE	RGB 161 141 174	#A18DAE
50.0%	50.0% #937EA2	RGB 147 126 162	#937EA2
66.7%	66.7% #866F96	RGB 134 111 150	#866F96
83.3%	83.3% #78608A	RGB 120 96 138	#78608A
100.0%	100.0% #6B517E	RGB 107 81 126	#6B517E

#BCABC6 #AE9CBA #A18DAE #937EA2 #866F96 #78608A #6B517E

#BCABC6 - #6B517E

Mezcla HSV

#BCABC6 - #6B517E | 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 #BCABC6 como 0% y #6B517E como 100%.

0.0%	0.0% #BCABC6	RGB 188 171 198	#BCABC6
16.7%	16.7% #AD99BA	RGB 173 153 186	#AD99BA
33.3%	33.3% #9F89AE	RGB 159 137 174	#9F89AE
50.0%	50.0% #927AA2	RGB 146 122 162	#927AA2
66.7%	66.7% #846B96	RGB 132 107 150	#846B96
83.3%	83.3% #775D8A	RGB 119 93 138	#775D8A
100.0%	100.0% #6B517E	RGB 107 81 126	#6B517E

#BCABC6 #AD99BA #9F89AE #927AA2 #846B96 #775D8A #6B517E

#BCABC6 - #927AA2 - #6B517E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCABC6 0%, #927AA2 50%, #6B517E 100%);
    background: -webkit-linear-gradient(top, #BCABC6 0%, #927AA2 50%, #6B517E 100%);
    background: linear-gradient(to bottom, #BCABC6 0%, #927AA2 50%, #6B517E 100%);
}
</style>