#7E5E71 - #8F7BD3 | 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 #7E5E71 a #8F7BD3

#7E5E71 #8F7BD3

Calcule el color entre dos colores, #7E5E71 y #8F7BD3. 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)

#7E5E71 - #8F7BD3 | 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 #7E5E71 como 0% y #8F7BD3 como 100%.

0.0%	0.0% #7E5E71	RGB 126 94 113	#7E5E71
16.7%	16.7% #806281	RGB 128 98 129	#806281
33.3%	33.3% #836791	RGB 131 103 145	#836791
50.0%	50.0% #866CA2	RGB 134 108 162	#866CA2
66.7%	66.7% #8971B2	RGB 137 113 178	#8971B2
83.3%	83.3% #8C76C2	RGB 140 118 194	#8C76C2
100.0%	100.0% #8F7BD3	RGB 143 123 211	#8F7BD3

#7E5E71 #806281 #836791 #866CA2 #8971B2 #8C76C2 #8F7BD3

#7E5E71 - #8F7BD3

Mezcla HSV

#7E5E71 - #8F7BD3 | 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 #7E5E71 como 0% y #8F7BD3 como 100%.

0.0%	0.0% #7E5E71	RGB 126 94 113	#7E5E71
16.7%	16.7% #8C6483	RGB 140 100 131	#8C6483
33.3%	33.3% #9A6A99	RGB 154 106 153	#9A6A99
50.0%	50.0% #9E6FA8	RGB 158 111 168	#9E6FA8
66.7%	66.7% #9D74B6	RGB 157 116 182	#9D74B6
83.3%	83.3% #9878C4	RGB 152 120 196	#9878C4
100.0%	100.0% #8F7BD3	RGB 143 123 211	#8F7BD3

#7E5E71 #8C6483 #9A6A99 #9E6FA8 #9D74B6 #9878C4 #8F7BD3

#7E5E71 - #9E6FA8 - #8F7BD3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E71 0%, #9E6FA8 50%, #8F7BD3 100%);
    background: -webkit-linear-gradient(top, #7E5E71 0%, #9E6FA8 50%, #8F7BD3 100%);
    background: linear-gradient(to bottom, #7E5E71 0%, #9E6FA8 50%, #8F7BD3 100%);
}
</style>