#690A96 - #8EB6F0 | 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 #690A96 a #8EB6F0

#690A96 #8EB6F0

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

#690A96 - #8EB6F0 | 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 #690A96 como 0% y #8EB6F0 como 100%.

0.0%	0.0% #690A96	RGB 105 10 150	#690A96
16.7%	16.7% #6F26A5	RGB 111 38 165	#6F26A5
33.3%	33.3% #7543B4	RGB 117 67 180	#7543B4
50.0%	50.0% #7B60C3	RGB 123 96 195	#7B60C3
66.7%	66.7% #817CD2	RGB 129 124 210	#817CD2
83.3%	83.3% #8799E1	RGB 135 153 225	#8799E1
100.0%	100.0% #8EB6F0	RGB 142 182 240	#8EB6F0

#690A96 #6F26A5 #7543B4 #7B60C3 #817CD2 #8799E1 #8EB6F0

#690A96 - #8EB6F0

Mezcla HSV

#690A96 - #8EB6F0 | 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 #690A96 como 0% y #8EB6F0 como 100%.

0.0%	0.0% #690996	RGB 105 9 150	#690996
16.7%	16.7% #5E19A5	RGB 94 25 165	#5E19A5
33.3%	33.3% #562BB4	RGB 86 43 180	#562BB4
50.0%	50.0% #5140C3	RGB 81 64 195	#5140C3
66.7%	66.7% #575DD2	RGB 87 93 210	#575DD2
83.3%	83.3% #718AE1	RGB 113 138 225	#718AE1
100.0%	100.0% #8EB6F0	RGB 142 182 240	#8EB6F0

#690996 #5E19A5 #562BB4 #5140C3 #575DD2 #718AE1 #8EB6F0

#690A96 - #5140C3 - #8EB6F0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #690996 0%, #5140C3 50%, #8EB6F0 100%);
    background: -webkit-linear-gradient(top, #690996 0%, #5140C3 50%, #8EB6F0 100%);
    background: linear-gradient(to bottom, #690996 0%, #5140C3 50%, #8EB6F0 100%);
}
</style>