#BDAACE - #5D4A8C | 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 #BDAACE a #5D4A8C

#BDAACE #5D4A8C

Calcule el color entre dos colores, #BDAACE y #5D4A8C. 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)

#BDAACE - #5D4A8C | 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 #BDAACE como 0% y #5D4A8C como 100%.

0.0%	0.0% #BDAACE	RGB 189 170 206	#BDAACE
16.7%	16.7% #AD9AC3	RGB 173 154 195	#AD9AC3
33.3%	33.3% #9D8AB8	RGB 157 138 184	#9D8AB8
50.0%	50.0% #8D7AAD	RGB 141 122 173	#8D7AAD
66.7%	66.7% #7D6AA2	RGB 125 106 162	#7D6AA2
83.3%	83.3% #6D5A97	RGB 109 90 151	#6D5A97
100.0%	100.0% #5D4A8C	RGB 93 74 140	#5D4A8C

#BDAACE #AD9AC3 #9D8AB8 #8D7AAD #7D6AA2 #6D5A97 #5D4A8C

#BDAACE - #5D4A8C

Mezcla HSV

#BDAACE - #5D4A8C | 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 #BDAACE como 0% y #5D4A8C como 100%.

0.0%	0.0% #BDAACE	RGB 189 170 206	#BDAACE
16.7%	16.7% #AC97C3	RGB 172 151 195	#AC97C3
33.3%	33.3% #9C85B8	RGB 156 133 184	#9C85B8
50.0%	50.0% #8B75AD	RGB 139 117 173	#8B75AD
66.7%	66.7% #7B65A2	RGB 123 101 162	#7B65A2
83.3%	83.3% #6C5797	RGB 108 87 151	#6C5797
100.0%	100.0% #5D4A8C	RGB 93 74 140	#5D4A8C

#BDAACE #AC97C3 #9C85B8 #8B75AD #7B65A2 #6C5797 #5D4A8C

#BDAACE - #8B75AD - #5D4A8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDAACE 0%, #8B75AD 50%, #5D4A8C 100%);
    background: -webkit-linear-gradient(top, #BDAACE 0%, #8B75AD 50%, #5D4A8C 100%);
    background: linear-gradient(to bottom, #BDAACE 0%, #8B75AD 50%, #5D4A8C 100%);
}
</style>