#B79FD6 - #583C92 | 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 #B79FD6 a #583C92

#B79FD6 #583C92

Calcule el color entre dos colores, #B79FD6 y #583C92. 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)

#B79FD6 - #583C92 | 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 #B79FD6 como 0% y #583C92 como 100%.

0.0%	0.0% #B79FD6	RGB 183 159 214	#B79FD6
16.7%	16.7% #A78ECA	RGB 167 142 202	#A78ECA
33.3%	33.3% #977EBF	RGB 151 126 191	#977EBF
50.0%	50.0% #876DB4	RGB 135 109 180	#876DB4
66.7%	66.7% #775DA8	RGB 119 93 168	#775DA8
83.3%	83.3% #674C9D	RGB 103 76 157	#674C9D
100.0%	100.0% #583C92	RGB 88 60 146	#583C92

#B79FD6 #A78ECA #977EBF #876DB4 #775DA8 #674C9D #583C92

#B79FD6 - #583C92

Mezcla HSV

#B79FD6 - #583C92 | 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 #B79FD6 como 0% y #583C92 como 100%.

0.0%	0.0% #B69FD6	RGB 182 159 214	#B69FD6
16.7%	16.7% #A58BCA	RGB 165 139 202	#A58BCA
33.3%	33.3% #9578BF	RGB 149 120 191	#9578BF
50.0%	50.0% #8467B4	RGB 132 103 180	#8467B4
66.7%	66.7% #7557A8	RGB 117 87 168	#7557A8
83.3%	83.3% #66499D	RGB 102 73 157	#66499D
100.0%	100.0% #583C92	RGB 88 60 146	#583C92

#B69FD6 #A58BCA #9578BF #8467B4 #7557A8 #66499D #583C92

#B79FD6 - #8467B4 - #583C92

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B69FD6 0%, #8467B4 50%, #583C92 100%);
    background: -webkit-linear-gradient(top, #B69FD6 0%, #8467B4 50%, #583C92 100%);
    background: linear-gradient(to bottom, #B69FD6 0%, #8467B4 50%, #583C92 100%);
}
</style>