#ADE3E7 - #599CB5 | 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 #ADE3E7 a #599CB5

#ADE3E7 #599CB5

Calcule el color entre dos colores, #ADE3E7 y #599CB5. 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)

#ADE3E7 - #599CB5 | 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 #ADE3E7 como 0% y #599CB5 como 100%.

0.0%	0.0% #ADE3E7	RGB 173 227 231	#ADE3E7
16.7%	16.7% #9FD7DE	RGB 159 215 222	#9FD7DE
33.3%	33.3% #91CBD6	RGB 145 203 214	#91CBD6
50.0%	50.0% #83BFCE	RGB 131 191 206	#83BFCE
66.7%	66.7% #75B3C5	RGB 117 179 197	#75B3C5
83.3%	83.3% #67A7BD	RGB 103 167 189	#67A7BD
100.0%	100.0% #599CB5	RGB 89 156 181	#599CB5

#ADE3E7 #9FD7DE #91CBD6 #83BFCE #75B3C5 #67A7BD #599CB5

#ADE3E7 - #599CB5

Mezcla HSV

#ADE3E7 - #599CB5 | 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 #ADE3E7 como 0% y #599CB5 como 100%.

0.0%	0.0% #ADE3E7	RGB 173 227 231	#ADE3E7
16.7%	16.7% #9DD7DE	RGB 157 215 222	#9DD7DE
33.3%	33.3% #8ECCD6	RGB 142 204 214	#8ECCD6
50.0%	50.0% #7FC0CE	RGB 127 192 206	#7FC0CE
66.7%	66.7% #72B4C5	RGB 114 180 197	#72B4C5
83.3%	83.3% #65A8BD	RGB 101 168 189	#65A8BD
100.0%	100.0% #599CB5	RGB 89 156 181	#599CB5

#ADE3E7 #9DD7DE #8ECCD6 #7FC0CE #72B4C5 #65A8BD #599CB5

#ADE3E7 - #7FC0CE - #599CB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE3E7 0%, #7FC0CE 50%, #599CB5 100%);
    background: -webkit-linear-gradient(top, #ADE3E7 0%, #7FC0CE 50%, #599CB5 100%);
    background: linear-gradient(to bottom, #ADE3E7 0%, #7FC0CE 50%, #599CB5 100%);
}
</style>