#AEC5E5 - #E7EEF7 | 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 #AEC5E5 a #E7EEF7

#AEC5E5 #E7EEF7

Calcule el color entre dos colores, #AEC5E5 y #E7EEF7. 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)

#AEC5E5 - #E7EEF7 | 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 #AEC5E5 como 0% y #E7EEF7 como 100%.

0.0%	0.0% #AEC5E5	RGB 174 197 229	#AEC5E5
16.7%	16.7% #B7CBE8	RGB 183 203 232	#B7CBE8
33.3%	33.3% #C1D2EB	RGB 193 210 235	#C1D2EB
50.0%	50.0% #CAD9EE	RGB 202 217 238	#CAD9EE
66.7%	66.7% #D4E0F1	RGB 212 224 241	#D4E0F1
83.3%	83.3% #DDE7F4	RGB 221 231 244	#DDE7F4
100.0%	100.0% #E7EEF7	RGB 231 238 247	#E7EEF7

#AEC5E5 #B7CBE8 #C1D2EB #CAD9EE #D4E0F1 #DDE7F4 #E7EEF7

#AEC5E5 - #E7EEF7

Mezcla HSV

#AEC5E5 - #E7EEF7 | 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 #AEC5E5 como 0% y #E7EEF7 como 100%.

0.0%	0.0% #AEC5E5	RGB 174 197 229	#AEC5E5
16.7%	16.7% #B7CBE8	RGB 183 203 232	#B7CBE8
33.3%	33.3% #C0D2EB	RGB 192 210 235	#C0D2EB
50.0%	50.0% #C9D9EE	RGB 201 217 238	#C9D9EE
66.7%	66.7% #D3E0F1	RGB 211 224 241	#D3E0F1
83.3%	83.3% #DDE7F4	RGB 221 231 244	#DDE7F4
100.0%	100.0% #E7EEF7	RGB 231 238 247	#E7EEF7

#AEC5E5 #B7CBE8 #C0D2EB #C9D9EE #D3E0F1 #DDE7F4 #E7EEF7

#AEC5E5 - #C9D9EE - #E7EEF7

Códigos CSS

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

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