#5036B5 - #CCC5E9 | 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 #5036B5 a #CCC5E9

#5036B5 #CCC5E9

Calcule el color entre dos colores, #5036B5 y #CCC5E9. 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)

#5036B5 - #CCC5E9 | 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 #5036B5 como 0% y #CCC5E9 como 100%.

0.0%	0.0% #5036B5	RGB 80 54 181	#5036B5
16.7%	16.7% #644DBD	RGB 100 77 189	#644DBD
33.3%	33.3% #7965C6	RGB 121 101 198	#7965C6
50.0%	50.0% #8E7DCF	RGB 142 125 207	#8E7DCF
66.7%	66.7% #A295D7	RGB 162 149 215	#A295D7
83.3%	83.3% #B7ADE0	RGB 183 173 224	#B7ADE0
100.0%	100.0% #CCC5E9	RGB 204 197 233	#CCC5E9

#5036B5 #644DBD #7965C6 #8E7DCF #A295D7 #B7ADE0 #CCC5E9

#5036B5 - #CCC5E9

Mezcla HSV

#5036B5 - #CCC5E9 | 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 #5036B5 como 0% y #CCC5E9 como 100%.

0.0%	0.0% #5036B5	RGB 80 54 181	#5036B5
16.7%	16.7% #6149BD	RGB 97 73 189	#6149BD
33.3%	33.3% #745FC6	RGB 116 95 198	#745FC6
50.0%	50.0% #8876CF	RGB 136 118 207	#8876CF
66.7%	66.7% #9D8FD7	RGB 157 143 215	#9D8FD7
83.3%	83.3% #B4A9E0	RGB 180 169 224	#B4A9E0
100.0%	100.0% #CCC5E9	RGB 204 197 233	#CCC5E9

#5036B5 #6149BD #745FC6 #8876CF #9D8FD7 #B4A9E0 #CCC5E9

#5036B5 - #8876CF - #CCC5E9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5036B5 0%, #8876CF 50%, #CCC5E9 100%);
    background: -webkit-linear-gradient(top, #5036B5 0%, #8876CF 50%, #CCC5E9 100%);
    background: linear-gradient(to bottom, #5036B5 0%, #8876CF 50%, #CCC5E9 100%);
}
</style>