#C0E5E9 - #6E9EB6 | 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 #C0E5E9 a #6E9EB6

#C0E5E9 #6E9EB6

Calcule el color entre dos colores, #C0E5E9 y #6E9EB6. 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)

#C0E5E9 - #6E9EB6 | 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 #C0E5E9 como 0% y #6E9EB6 como 100%.

0.0%	0.0% #C0E5E9	RGB 192 229 233	#C0E5E9
16.7%	16.7% #B2D9E0	RGB 178 217 224	#B2D9E0
33.3%	33.3% #A4CDD8	RGB 164 205 216	#A4CDD8
50.0%	50.0% #97C1CF	RGB 151 193 207	#97C1CF
66.7%	66.7% #89B5C7	RGB 137 181 199	#89B5C7
83.3%	83.3% #7BA9BE	RGB 123 169 190	#7BA9BE
100.0%	100.0% #6E9EB6	RGB 110 158 182	#6E9EB6

#C0E5E9 #B2D9E0 #A4CDD8 #97C1CF #89B5C7 #7BA9BE #6E9EB6

#C0E5E9 - #6E9EB6

Mezcla HSV

#C0E5E9 - #6E9EB6 | 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 #C0E5E9 como 0% y #6E9EB6 como 100%.

0.0%	0.0% #C0E5E9	RGB 192 229 233	#C0E5E9
16.7%	16.7% #B0D9E0	RGB 176 217 224	#B0D9E0
33.3%	33.3% #A2CED8	RGB 162 206 216	#A2CED8
50.0%	50.0% #94C2CF	RGB 148 194 207	#94C2CF
66.7%	66.7% #86B6C7	RGB 134 182 199	#86B6C7
83.3%	83.3% #7AAABE	RGB 122 170 190	#7AAABE
100.0%	100.0% #6E9EB6	RGB 110 158 182	#6E9EB6

#C0E5E9 #B0D9E0 #A2CED8 #94C2CF #86B6C7 #7AAABE #6E9EB6

#C0E5E9 - #94C2CF - #6E9EB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0E5E9 0%, #94C2CF 50%, #6E9EB6 100%);
    background: -webkit-linear-gradient(top, #C0E5E9 0%, #94C2CF 50%, #6E9EB6 100%);
    background: linear-gradient(to bottom, #C0E5E9 0%, #94C2CF 50%, #6E9EB6 100%);
}
</style>