#5E72AA - #A8D9B2 | 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 #5E72AA a #A8D9B2

#5E72AA #A8D9B2

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

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

0.0%	0.0% #5E72AA	RGB 94 114 170	#5E72AA
16.7%	16.7% #6A83AB	RGB 106 131 171	#6A83AB
33.3%	33.3% #7694AC	RGB 118 148 172	#7694AC
50.0%	50.0% #83A5AE	RGB 131 165 174	#83A5AE
66.7%	66.7% #8FB6AF	RGB 143 182 175	#8FB6AF
83.3%	83.3% #9BC7B0	RGB 155 199 176	#9BC7B0
100.0%	100.0% #A8D9B2	RGB 168 217 178	#A8D9B2

#5E72AA #6A83AB #7694AC #83A5AE #8FB6AF #9BC7B0 #A8D9B2

#5E72AA - #A8D9B2

Mezcla HSV

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

0.0%	0.0% #5E72AA	RGB 94 114 170	#5E72AA
16.7%	16.7% #688EB1	RGB 104 142 177	#688EB1
33.3%	33.3% #74AAB9	RGB 116 170 185	#74AAB9
50.0%	50.0% #80C1BF	RGB 128 193 191	#80C1BF
66.7%	66.7% #8DC9B8	RGB 141 201 184	#8DC9B8
83.3%	83.3% #9AD1B3	RGB 154 209 179	#9AD1B3
100.0%	100.0% #A8D9B2	RGB 168 217 178	#A8D9B2

#5E72AA #688EB1 #74AAB9 #80C1BF #8DC9B8 #9AD1B3 #A8D9B2

#5E72AA - #80C1BF - #A8D9B2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E72AA 0%, #80C1BF 50%, #A8D9B2 100%);
    background: -webkit-linear-gradient(top, #5E72AA 0%, #80C1BF 50%, #A8D9B2 100%);
    background: linear-gradient(to bottom, #5E72AA 0%, #80C1BF 50%, #A8D9B2 100%);
}
</style>