#5E7E7E - #85C3E9 | 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 #5E7E7E a #85C3E9

#5E7E7E #85C3E9

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

#5E7E7E - #85C3E9 | 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 #5E7E7E como 0% y #85C3E9 como 100%.

0.0%	0.0% #5E7E7E	RGB 94 126 126	#5E7E7E
16.7%	16.7% #64898F	RGB 100 137 143	#64898F
33.3%	33.3% #6B95A1	RGB 107 149 161	#6B95A1
50.0%	50.0% #71A0B3	RGB 113 160 179	#71A0B3
66.7%	66.7% #78ACC5	RGB 120 172 197	#78ACC5
83.3%	83.3% #7EB7D7	RGB 126 183 215	#7EB7D7
100.0%	100.0% #85C3E9	RGB 133 195 233	#85C3E9

#5E7E7E #64898F #6B95A1 #71A0B3 #78ACC5 #7EB7D7 #85C3E9

#5E7E7E - #85C3E9

Mezcla HSV

#5E7E7E - #85C3E9 | 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 #5E7E7E como 0% y #85C3E9 como 100%.

0.0%	0.0% #5E7E7E	RGB 94 126 126	#5E7E7E
16.7%	16.7% #678D8F	RGB 103 141 143	#678D8F
33.3%	33.3% #6F9BA1	RGB 111 155 161	#6F9BA1
50.0%	50.0% #76A7B3	RGB 118 167 179	#76A7B3
66.7%	66.7% #7CB2C5	RGB 124 178 197	#7CB2C5
83.3%	83.3% #81BBD7	RGB 129 187 215	#81BBD7
100.0%	100.0% #85C3E9	RGB 133 195 233	#85C3E9

#5E7E7E #678D8F #6F9BA1 #76A7B3 #7CB2C5 #81BBD7 #85C3E9

#5E7E7E - #76A7B3 - #85C3E9

Códigos CSS

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

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