#6B2F3C - #A57EB6 | 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 #6B2F3C a #A57EB6

#6B2F3C #A57EB6

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

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

0.0%	0.0% #6B2F3C	RGB 107 47 60	#6B2F3C
16.7%	16.7% #743C50	RGB 116 60 80	#743C50
33.3%	33.3% #7E4964	RGB 126 73 100	#7E4964
50.0%	50.0% #885679	RGB 136 86 121	#885679
66.7%	66.7% #91638D	RGB 145 99 141	#91638D
83.3%	83.3% #9B70A1	RGB 155 112 161	#9B70A1
100.0%	100.0% #A57EB6	RGB 165 126 182	#A57EB6

#6B2F3C #743C50 #7E4964 #885679 #91638D #9B70A1 #A57EB6

#6B2F3C - #A57EB6

Mezcla HSV

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

0.0%	0.0% #6B2F3C	RGB 107 47 60	#6B2F3C
16.7%	16.7% #773952	RGB 119 57 82	#773952
33.3%	33.3% #844569	RGB 132 69 105	#844569
50.0%	50.0% #905181	RGB 144 81 129	#905181
66.7%	66.7% #9D5F99	RGB 157 95 153	#9D5F99
83.3%	83.3% #A26EA9	RGB 162 110 169	#A26EA9
100.0%	100.0% #A57EB6	RGB 165 126 182	#A57EB6

#6B2F3C #773952 #844569 #905181 #9D5F99 #A26EA9 #A57EB6

#6B2F3C - #905181 - #A57EB6

Códigos CSS

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

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