#C5E3E9 - #56B0C0 | 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 #C5E3E9 a #56B0C0

#C5E3E9 #56B0C0

Calcule el color entre dos colores, #C5E3E9 y #56B0C0. 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)

#C5E3E9 - #56B0C0 | 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 #C5E3E9 como 0% y #56B0C0 como 100%.

0.0%	0.0% #C5E3E9	RGB 197 227 233	#C5E3E9
16.7%	16.7% #B2DAE2	RGB 178 218 226	#B2DAE2
33.3%	33.3% #A0D2DB	RGB 160 210 219	#A0D2DB
50.0%	50.0% #8DC9D4	RGB 141 201 212	#8DC9D4
66.7%	66.7% #7BC1CD	RGB 123 193 205	#7BC1CD
83.3%	83.3% #68B8C6	RGB 104 184 198	#68B8C6
100.0%	100.0% #56B0C0	RGB 86 176 192	#56B0C0

#C5E3E9 #B2DAE2 #A0D2DB #8DC9D4 #7BC1CD #68B8C6 #56B0C0

#C5E3E9 - #56B0C0

Mezcla HSV

#C5E3E9 - #56B0C0 | 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 #C5E3E9 como 0% y #56B0C0 como 100%.

0.0%	0.0% #C5E3E9	RGB 197 227 233	#C5E3E9
16.7%	16.7% #B0D9E2	RGB 176 217 226	#B0D9E2
33.3%	33.3% #9CD1DB	RGB 156 209 219	#9CD1DB
50.0%	50.0% #89C8D4	RGB 137 200 212	#89C8D4
66.7%	66.7% #77C0CD	RGB 119 192 205	#77C0CD
83.3%	83.3% #66B7C6	RGB 102 183 198	#66B7C6
100.0%	100.0% #56B0C0	RGB 86 176 192	#56B0C0

#C5E3E9 #B0D9E2 #9CD1DB #89C8D4 #77C0CD #66B7C6 #56B0C0

#C5E3E9 - #89C8D4 - #56B0C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E3E9 0%, #89C8D4 50%, #56B0C0 100%);
    background: -webkit-linear-gradient(top, #C5E3E9 0%, #89C8D4 50%, #56B0C0 100%);
    background: linear-gradient(to bottom, #C5E3E9 0%, #89C8D4 50%, #56B0C0 100%);
}
</style>