#A8D4EA - #E7E3E3 | 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 #A8D4EA a #E7E3E3

#A8D4EA #E7E3E3

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

#A8D4EA - #E7E3E3 | 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 #A8D4EA como 0% y #E7E3E3 como 100%.

0.0%	0.0% #A8D4EA	RGB 168 212 234	#A8D4EA
16.7%	16.7% #B2D6E8	RGB 178 214 232	#B2D6E8
33.3%	33.3% #BDD9E7	RGB 189 217 231	#BDD9E7
50.0%	50.0% #C7DBE6	RGB 199 219 230	#C7DBE6
66.7%	66.7% #D2DEE5	RGB 210 222 229	#D2DEE5
83.3%	83.3% #DCE0E4	RGB 220 224 228	#DCE0E4
100.0%	100.0% #E7E3E3	RGB 231 227 227	#E7E3E3

#A8D4EA #B2D6E8 #BDD9E7 #C7DBE6 #D2DEE5 #DCE0E4 #E7E3E3

#A8D4EA - #E7E3E3

Mezcla HSV

#A8D4EA - #E7E3E3 | 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 #A8D4EA como 0% y #E7E3E3 como 100%.

0.0%	0.0% #A8D4EA	RGB 168 212 234	#A8D4EA
16.7%	16.7% #B1BEE9	RGB 177 190 233	#B1BEE9
33.3%	33.3% #C5BBE9	RGB 197 187 233	#C5BBE9
50.0%	50.0% #DCC5E8	RGB 220 197 232	#DCC5E8
66.7%	66.7% #E8CFE5	RGB 232 207 229	#E8CFE5
83.3%	83.3% #E7D9DF	RGB 231 217 223	#E7D9DF
100.0%	100.0% #E7E3E3	RGB 231 227 227	#E7E3E3

#A8D4EA #B1BEE9 #C5BBE9 #DCC5E8 #E8CFE5 #E7D9DF #E7E3E3

#A8D4EA - #DCC5E8 - #E7E3E3

Códigos CSS

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

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