#6DAEC3 - #D5E7ED | 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 #6DAEC3 a #D5E7ED

#6DAEC3 #D5E7ED

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

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

0.0%	0.0% #6DAEC3	RGB 109 174 195	#6DAEC3
16.7%	16.7% #7EB7CA	RGB 126 183 202	#7EB7CA
33.3%	33.3% #8FC1D1	RGB 143 193 209	#8FC1D1
50.0%	50.0% #A1CAD8	RGB 161 202 216	#A1CAD8
66.7%	66.7% #B2D4DF	RGB 178 212 223	#B2D4DF
83.3%	83.3% #C3DDE6	RGB 195 221 230	#C3DDE6
100.0%	100.0% #D5E7ED	RGB 213 231 237	#D5E7ED

#6DAEC3 #7EB7CA #8FC1D1 #A1CAD8 #B2D4DF #C3DDE6 #D5E7ED

#6DAEC3 - #D5E7ED

Mezcla HSV

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

0.0%	0.0% #6DAEC3	RGB 109 174 195	#6DAEC3
16.7%	16.7% #7CB6CA	RGB 124 182 202	#7CB6CA
33.3%	33.3% #8CC0D1	RGB 140 192 209	#8CC0D1
50.0%	50.0% #9DC9D8	RGB 157 201 216	#9DC9D8
66.7%	66.7% #AFD3DF	RGB 175 211 223	#AFD3DF
83.3%	83.3% #C1DCE6	RGB 193 220 230	#C1DCE6
100.0%	100.0% #D5E7ED	RGB 213 231 237	#D5E7ED

#6DAEC3 #7CB6CA #8CC0D1 #9DC9D8 #AFD3DF #C1DCE6 #D5E7ED

#6DAEC3 - #9DC9D8 - #D5E7ED

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DAEC3 0%, #9DC9D8 50%, #D5E7ED 100%);
    background: -webkit-linear-gradient(top, #6DAEC3 0%, #9DC9D8 50%, #D5E7ED 100%);
    background: linear-gradient(to bottom, #6DAEC3 0%, #9DC9D8 50%, #D5E7ED 100%);
}
</style>