#6CB7E3 - #D5EAF7 | 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 #6CB7E3 a #D5EAF7

#6CB7E3 #D5EAF7

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

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

0.0%	0.0% #6CB7E3	RGB 108 183 227	#6CB7E3
16.7%	16.7% #7DBFE6	RGB 125 191 230	#7DBFE6
33.3%	33.3% #8FC8E9	RGB 143 200 233	#8FC8E9
50.0%	50.0% #A0D0ED	RGB 160 208 237	#A0D0ED
66.7%	66.7% #B2D9F0	RGB 178 217 240	#B2D9F0
83.3%	83.3% #C3E1F3	RGB 195 225 243	#C3E1F3
100.0%	100.0% #D5EAF7	RGB 213 234 247	#D5EAF7

#6CB7E3 #7DBFE6 #8FC8E9 #A0D0ED #B2D9F0 #C3E1F3 #D5EAF7

#6CB7E3 - #D5EAF7

Mezcla HSV

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

0.0%	0.0% #6CB7E3	RGB 108 183 227	#6CB7E3
16.7%	16.7% #7CBEE6	RGB 124 190 230	#7CBEE6
33.3%	33.3% #8DC7E9	RGB 141 199 233	#8DC7E9
50.0%	50.0% #9ECFED	RGB 158 207 237	#9ECFED
66.7%	66.7% #B0D8F0	RGB 176 216 240	#B0D8F0
83.3%	83.3% #C2E0F3	RGB 194 224 243	#C2E0F3
100.0%	100.0% #D5EAF7	RGB 213 234 247	#D5EAF7

#6CB7E3 #7CBEE6 #8DC7E9 #9ECFED #B0D8F0 #C2E0F3 #D5EAF7

#6CB7E3 - #9ECFED - #D5EAF7

Códigos CSS

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

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