#DAE2F0 - #6F92C8 | 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 #DAE2F0 a #6F92C8

#DAE2F0 #6F92C8

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

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

0.0%	0.0% #DAE2F0	RGB 218 226 240	#DAE2F0
16.7%	16.7% #C8D4E9	RGB 200 212 233	#C8D4E9
33.3%	33.3% #B6C7E2	RGB 182 199 226	#B6C7E2
50.0%	50.0% #A4BADC	RGB 164 186 220	#A4BADC
66.7%	66.7% #92ACD5	RGB 146 172 213	#92ACD5
83.3%	83.3% #809FCE	RGB 128 159 206	#809FCE
100.0%	100.0% #6F92C8	RGB 111 146 200	#6F92C8

#DAE2F0 #C8D4E9 #B6C7E2 #A4BADC #92ACD5 #809FCE #6F92C8

#DAE2F0 - #6F92C8

Mezcla HSV

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

0.0%	0.0% #DAE2F0	RGB 218 226 240	#DAE2F0
16.7%	16.7% #C6D3E9	RGB 198 211 233	#C6D3E9
33.3%	33.3% #B3C4E2	RGB 179 196 226	#B3C4E2
50.0%	50.0% #A0B7DC	RGB 160 183 220	#A0B7DC
66.7%	66.7% #8FAAD5	RGB 143 170 213	#8FAAD5
83.3%	83.3% #7E9DCE	RGB 126 157 206	#7E9DCE
100.0%	100.0% #6F92C8	RGB 111 146 200	#6F92C8

#DAE2F0 #C6D3E9 #B3C4E2 #A0B7DC #8FAAD5 #7E9DCE #6F92C8

#DAE2F0 - #A0B7DC - #6F92C8

Códigos CSS

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

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