#C5E2EC - #709AB9 | 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 #C5E2EC a #709AB9

#C5E2EC #709AB9

Calcule el color entre dos colores, #C5E2EC y #709AB9. 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)

#C5E2EC - #709AB9 | 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 #C5E2EC como 0% y #709AB9 como 100%.

0.0%	0.0% #C5E2EC	RGB 197 226 236	#C5E2EC
16.7%	16.7% #B6D6E3	RGB 182 214 227	#B6D6E3
33.3%	33.3% #A8CADB	RGB 168 202 219	#A8CADB
50.0%	50.0% #9ABED2	RGB 154 190 210	#9ABED2
66.7%	66.7% #8CB2CA	RGB 140 178 202	#8CB2CA
83.3%	83.3% #7EA6C1	RGB 126 166 193	#7EA6C1
100.0%	100.0% #709AB9	RGB 112 154 185	#709AB9

#C5E2EC #B6D6E3 #A8CADB #9ABED2 #8CB2CA #7EA6C1 #709AB9

#C5E2EC - #709AB9

Mezcla HSV

#C5E2EC - #709AB9 | 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 #C5E2EC como 0% y #709AB9 como 100%.

0.0%	0.0% #C5E2EC	RGB 197 226 236	#C5E2EC
16.7%	16.7% #B5D6E3	RGB 181 214 227	#B5D6E3
33.3%	33.3% #A6CADB	RGB 166 202 219	#A6CADB
50.0%	50.0% #97BED2	RGB 151 190 210	#97BED2
66.7%	66.7% #89B2CA	RGB 137 178 202	#89B2CA
83.3%	83.3% #7CA6C1	RGB 124 166 193	#7CA6C1
100.0%	100.0% #709AB9	RGB 112 154 185	#709AB9

#C5E2EC #B5D6E3 #A6CADB #97BED2 #89B2CA #7CA6C1 #709AB9

#C5E2EC - #97BED2 - #709AB9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E2EC 0%, #97BED2 50%, #709AB9 100%);
    background: -webkit-linear-gradient(top, #C5E2EC 0%, #97BED2 50%, #709AB9 100%);
    background: linear-gradient(to bottom, #C5E2EC 0%, #97BED2 50%, #709AB9 100%);
}
</style>