#8C5EBA - #AFDFE0 | 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 #8C5EBA a #AFDFE0

#8C5EBA #AFDFE0

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

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

0.0%	0.0% #8C5EBA	RGB 140 94 186	#8C5EBA
16.7%	16.7% #9173C0	RGB 145 115 192	#9173C0
33.3%	33.3% #9789C6	RGB 151 137 198	#9789C6
50.0%	50.0% #9D9ECD	RGB 157 158 205	#9D9ECD
66.7%	66.7% #A3B4D3	RGB 163 180 211	#A3B4D3
83.3%	83.3% #A9C9D9	RGB 169 201 217	#A9C9D9
100.0%	100.0% #AFDFE0	RGB 175 223 224	#AFDFE0

#8C5EBA #9173C0 #9789C6 #9D9ECD #A3B4D3 #A9C9D9 #AFDFE0

#8C5EBA - #AFDFE0

Mezcla HSV

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

0.0%	0.0% #8C5EBA	RGB 140 94 186	#8C5EBA
16.7%	16.7% #7F6AC0	RGB 127 106 192	#7F6AC0
33.3%	33.3% #7776C6	RGB 119 118 198	#7776C6
50.0%	50.0% #8395CD	RGB 131 149 205	#8395CD
66.7%	66.7% #91B1D3	RGB 145 177 211	#91B1D3
83.3%	83.3% #A0CAD9	RGB 160 202 217	#A0CAD9
100.0%	100.0% #AFDFE0	RGB 175 223 224	#AFDFE0

#8C5EBA #7F6AC0 #7776C6 #8395CD #91B1D3 #A0CAD9 #AFDFE0

#8C5EBA - #8395CD - #AFDFE0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5EBA 0%, #8395CD 50%, #AFDFE0 100%);
    background: -webkit-linear-gradient(top, #8C5EBA 0%, #8395CD 50%, #AFDFE0 100%);
    background: linear-gradient(to bottom, #8C5EBA 0%, #8395CD 50%, #AFDFE0 100%);
}
</style>