#A8D5E6 - #EAE4E2 | 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 #A8D5E6 a #EAE4E2

#A8D5E6 #EAE4E2

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

#A8D5E6 - #EAE4E2 | 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 #A8D5E6 como 0% y #EAE4E2 como 100%.

0.0%	0.0% #A8D5E6	RGB 168 213 230	#A8D5E6
16.7%	16.7% #B3D7E5	RGB 179 215 229	#B3D7E5
33.3%	33.3% #BEDAE4	RGB 190 218 228	#BEDAE4
50.0%	50.0% #C9DCE4	RGB 201 220 228	#C9DCE4
66.7%	66.7% #D4DFE3	RGB 212 223 227	#D4DFE3
83.3%	83.3% #DFE1E2	RGB 223 225 226	#DFE1E2
100.0%	100.0% #EAE4E2	RGB 234 228 226	#EAE4E2

#A8D5E6 #B3D7E5 #BEDAE4 #C9DCE4 #D4DFE3 #DFE1E2 #EAE4E2

#A8D5E6 - #EAE4E2

Mezcla HSV

#A8D5E6 - #EAE4E2 | 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 #A8D5E6 como 0% y #EAE4E2 como 100%.

0.0%	0.0% #A8D5E6	RGB 168 213 230	#A8D5E6
16.7%	16.7% #B1BDE6	RGB 177 189 230	#B1BDE6
33.3%	33.3% #C6BBE7	RGB 198 187 231	#C6BBE7
50.0%	50.0% #DFC4E8	RGB 223 196 232	#DFC4E8
66.7%	66.7% #E8CEE1	RGB 232 206 225	#E8CEE1
83.3%	83.3% #E9D8DC	RGB 233 216 220	#E9D8DC
100.0%	100.0% #EAE4E2	RGB 234 228 226	#EAE4E2

#A8D5E6 #B1BDE6 #C6BBE7 #DFC4E8 #E8CEE1 #E9D8DC #EAE4E2

#A8D5E6 - #DFC4E8 - #EAE4E2

Códigos CSS

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

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