#5EAFBA - #D1E8EB | 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 #5EAFBA a #D1E8EB

#5EAFBA #D1E8EB

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

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

0.0%	0.0% #5EAFBA	RGB 94 175 186	#5EAFBA
16.7%	16.7% #71B8C2	RGB 113 184 194	#71B8C2
33.3%	33.3% #84C2CA	RGB 132 194 202	#84C2CA
50.0%	50.0% #97CBD2	RGB 151 203 210	#97CBD2
66.7%	66.7% #AAD5DA	RGB 170 213 218	#AAD5DA
83.3%	83.3% #BDDEE2	RGB 189 222 226	#BDDEE2
100.0%	100.0% #D1E8EB	RGB 209 232 235	#D1E8EB

#5EAFBA #71B8C2 #84C2CA #97CBD2 #AAD5DA #BDDEE2 #D1E8EB

#5EAFBA - #D1E8EB

Mezcla HSV

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

0.0%	0.0% #5EAEBA	RGB 94 174 186	#5EAEBA
16.7%	16.7% #6EB8C2	RGB 110 184 194	#6EB8C2
33.3%	33.3% #80C1CA	RGB 128 193 202	#80C1CA
50.0%	50.0% #92CBD2	RGB 146 203 210	#92CBD2
66.7%	66.7% #A6D4DA	RGB 166 212 218	#A6D4DA
83.3%	83.3% #BBDEE2	RGB 187 222 226	#BBDEE2
100.0%	100.0% #D1E8EB	RGB 209 232 235	#D1E8EB

#5EAEBA #6EB8C2 #80C1CA #92CBD2 #A6D4DA #BBDEE2 #D1E8EB

#5EAFBA - #92CBD2 - #D1E8EB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAEBA 0%, #92CBD2 50%, #D1E8EB 100%);
    background: -webkit-linear-gradient(top, #5EAEBA 0%, #92CBD2 50%, #D1E8EB 100%);
    background: linear-gradient(to bottom, #5EAEBA 0%, #92CBD2 50%, #D1E8EB 100%);
}
</style>