#B6B5E6 - #6B51B8 | 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 #B6B5E6 a #6B51B8

#B6B5E6 #6B51B8

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

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

0.0%	0.0% #B6B5E6	RGB 182 181 230	#B6B5E6
16.7%	16.7% #A9A4DE	RGB 169 164 222	#A9A4DE
33.3%	33.3% #9D93D6	RGB 157 147 214	#9D93D6
50.0%	50.0% #9083CF	RGB 144 131 207	#9083CF
66.7%	66.7% #8472C7	RGB 132 114 199	#8472C7
83.3%	83.3% #7761BF	RGB 119 97 191	#7761BF
100.0%	100.0% #6B51B8	RGB 107 81 184	#6B51B8

#B6B5E6 #A9A4DE #9D93D6 #9083CF #8472C7 #7761BF #6B51B8

#B6B5E6 - #6B51B8

Mezcla HSV

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

0.0%	0.0% #B6B5E6	RGB 182 181 230	#B6B5E6
16.7%	16.7% #A5A2DE	RGB 165 162 222	#A5A2DE
33.3%	33.3% #9790D6	RGB 151 144 214	#9790D6
50.0%	50.0% #897FCF	RGB 137 127 207	#897FCF
66.7%	66.7% #7E6EC7	RGB 126 110 199	#7E6EC7
83.3%	83.3% #745FBF	RGB 116 95 191	#745FBF
100.0%	100.0% #6B51B8	RGB 107 81 184	#6B51B8

#B6B5E6 #A5A2DE #9790D6 #897FCF #7E6EC7 #745FBF #6B51B8

#B6B5E6 - #897FCF - #6B51B8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B5E6 0%, #897FCF 50%, #6B51B8 100%);
    background: -webkit-linear-gradient(top, #B6B5E6 0%, #897FCF 50%, #6B51B8 100%);
    background: linear-gradient(to bottom, #B6B5E6 0%, #897FCF 50%, #6B51B8 100%);
}
</style>