#6FB4D2 - #D5E9F2 | 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 #6FB4D2 a #D5E9F2

#6FB4D2 #D5E9F2

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

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

0.0%	0.0% #6FB4D2	RGB 111 180 210	#6FB4D2
16.7%	16.7% #80BCD7	RGB 128 188 215	#80BCD7
33.3%	33.3% #91C5DC	RGB 145 197 220	#91C5DC
50.0%	50.0% #A2CEE2	RGB 162 206 226	#A2CEE2
66.7%	66.7% #B3D7E7	RGB 179 215 231	#B3D7E7
83.3%	83.3% #C4E0EC	RGB 196 224 236	#C4E0EC
100.0%	100.0% #D5E9F2	RGB 213 233 242	#D5E9F2

#6FB4D2 #80BCD7 #91C5DC #A2CEE2 #B3D7E7 #C4E0EC #D5E9F2

#6FB4D2 - #D5E9F2

Mezcla HSV

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

0.0%	0.0% #6FB4D2	RGB 111 180 210	#6FB4D2
16.7%	16.7% #7EBCD7	RGB 126 188 215	#7EBCD7
33.3%	33.3% #8EC4DC	RGB 142 196 220	#8EC4DC
50.0%	50.0% #9FCDE2	RGB 159 205 226	#9FCDE2
66.7%	66.7% #B0D6E7	RGB 176 214 231	#B0D6E7
83.3%	83.3% #C2DFEC	RGB 194 223 236	#C2DFEC
100.0%	100.0% #D5E9F2	RGB 213 233 242	#D5E9F2

#6FB4D2 #7EBCD7 #8EC4DC #9FCDE2 #B0D6E7 #C2DFEC #D5E9F2

#6FB4D2 - #9FCDE2 - #D5E9F2

Códigos CSS

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

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