#6B5E6E - #B57CE6 | 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 #6B5E6E a #B57CE6

#6B5E6E #B57CE6

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

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

0.0%	0.0% #6B5E6E	RGB 107 94 110	#6B5E6E
16.7%	16.7% #776382	RGB 119 99 130	#776382
33.3%	33.3% #836896	RGB 131 104 150	#836896
50.0%	50.0% #906DAA	RGB 144 109 170	#906DAA
66.7%	66.7% #9C72BE	RGB 156 114 190	#9C72BE
83.3%	83.3% #A877D2	RGB 168 119 210	#A877D2
100.0%	100.0% #B57CE6	RGB 181 124 230	#B57CE6

#6B5E6E #776382 #836896 #906DAA #9C72BE #A877D2 #B57CE6

#6B5E6E - #B57CE6

Mezcla HSV

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

0.0%	0.0% #6B5E6E	RGB 107 94 110	#6B5E6E
16.7%	16.7% #7B6882	RGB 123 104 130	#7B6882
33.3%	33.3% #8B7096	RGB 139 112 150	#8B7096
50.0%	50.0% #9976AA	RGB 153 118 170	#9976AA
66.7%	66.7% #A47ABE	RGB 164 122 190	#A47ABE
83.3%	83.3% #AE7CD2	RGB 174 124 210	#AE7CD2
100.0%	100.0% #B57CE6	RGB 181 124 230	#B57CE6

#6B5E6E #7B6882 #8B7096 #9976AA #A47ABE #AE7CD2 #B57CE6

#6B5E6E - #9976AA - #B57CE6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E6E 0%, #9976AA 50%, #B57CE6 100%);
    background: -webkit-linear-gradient(top, #6B5E6E 0%, #9976AA 50%, #B57CE6 100%);
    background: linear-gradient(to bottom, #6B5E6E 0%, #9976AA 50%, #B57CE6 100%);
}
</style>