#6DB5CC - #D5E9F0 | 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 #6DB5CC a #D5E9F0

#6DB5CC #D5E9F0

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

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

0.0%	0.0% #6DB5CC	RGB 109 181 204	#6DB5CC
16.7%	16.7% #7EBDD2	RGB 126 189 210	#7EBDD2
33.3%	33.3% #8FC6D8	RGB 143 198 216	#8FC6D8
50.0%	50.0% #A1CFDE	RGB 161 207 222	#A1CFDE
66.7%	66.7% #B2D7E4	RGB 178 215 228	#B2D7E4
83.3%	83.3% #C3E0EA	RGB 195 224 234	#C3E0EA
100.0%	100.0% #D5E9F0	RGB 213 233 240	#D5E9F0

#6DB5CC #7EBDD2 #8FC6D8 #A1CFDE #B2D7E4 #C3E0EA #D5E9F0

#6DB5CC - #D5E9F0

Mezcla HSV

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

0.0%	0.0% #6DB4CC	RGB 109 180 204	#6DB4CC
16.7%	16.7% #7CBDD2	RGB 124 189 210	#7CBDD2
33.3%	33.3% #8CC5D8	RGB 140 197 216	#8CC5D8
50.0%	50.0% #9DCDDE	RGB 157 205 222	#9DCDDE
66.7%	66.7% #AFD6E4	RGB 175 214 228	#AFD6E4
83.3%	83.3% #C1DFEA	RGB 193 223 234	#C1DFEA
100.0%	100.0% #D5E9F0	RGB 213 233 240	#D5E9F0

#6DB4CC #7CBDD2 #8CC5D8 #9DCDDE #AFD6E4 #C1DFEA #D5E9F0

#6DB5CC - #9DCDDE - #D5E9F0

Códigos CSS

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

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