#5E49B5 - #ADE2D6 | 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 #5E49B5 a #ADE2D6

#5E49B5 #ADE2D6

Calcule el color entre dos colores, #5E49B5 y #ADE2D6. 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)

#5E49B5 - #ADE2D6 | 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 #5E49B5 como 0% y #ADE2D6 como 100%.

0.0%	0.0% #5E49B5	RGB 94 73 181	#5E49B5
16.7%	16.7% #6B62BA	RGB 107 98 186	#6B62BA
33.3%	33.3% #787CC0	RGB 120 124 192	#787CC0
50.0%	50.0% #8595C5	RGB 133 149 197	#8595C5
66.7%	66.7% #92AFCB	RGB 146 175 203	#92AFCB
83.3%	83.3% #9FC8D0	RGB 159 200 208	#9FC8D0
100.0%	100.0% #ADE2D6	RGB 173 226 214	#ADE2D6

#5E49B5 #6B62BA #787CC0 #8595C5 #92AFCB #9FC8D0 #ADE2D6

#5E49B5 - #ADE2D6

Mezcla HSV

#5E49B5 - #ADE2D6 | 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 #5E49B5 como 0% y #ADE2D6 como 100%.

0.0%	0.0% #5E49B5	RGB 94 73 181	#5E49B5
16.7%	16.7% #575BBC	RGB 87 91 188	#575BBC
33.3%	33.3% #6680C4	RGB 102 128 196	#6680C4
50.0%	50.0% #76A2CB	RGB 118 162 203	#76A2CB
66.7%	66.7% #88C0D3	RGB 136 192 211	#88C0D3
83.3%	83.3% #9AD9DA	RGB 154 217 218	#9AD9DA
100.0%	100.0% #ADE2D6	RGB 173 226 214	#ADE2D6

#5E49B5 #575BBC #6680C4 #76A2CB #88C0D3 #9AD9DA #ADE2D6

#5E49B5 - #76A2CB - #ADE2D6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E49B5 0%, #76A2CB 50%, #ADE2D6 100%);
    background: -webkit-linear-gradient(top, #5E49B5 0%, #76A2CB 50%, #ADE2D6 100%);
    background: linear-gradient(to bottom, #5E49B5 0%, #76A2CB 50%, #ADE2D6 100%);
}
</style>