#A8C7DA - #E5E1DC | 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 #A8C7DA a #E5E1DC

#A8C7DA #E5E1DC

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

#A8C7DA - #E5E1DC | 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 #A8C7DA como 0% y #E5E1DC como 100%.

0.0%	0.0% #A8C7DA	RGB 168 199 218	#A8C7DA
16.7%	16.7% #B2CBDA	RGB 178 203 218	#B2CBDA
33.3%	33.3% #BCCFDA	RGB 188 207 218	#BCCFDA
50.0%	50.0% #C6D4DB	RGB 198 212 219	#C6D4DB
66.7%	66.7% #D0D8DB	RGB 208 216 219	#D0D8DB
83.3%	83.3% #DADCDB	RGB 218 220 219	#DADCDB
100.0%	100.0% #E5E1DC	RGB 229 225 220	#E5E1DC

#A8C7DA #B2CBDA #BCCFDA #C6D4DB #D0D8DB #DADCDB #E5E1DC

#A8C7DA - #E5E1DC

Mezcla HSV

#A8C7DA - #E5E1DC | 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 #A8C7DA como 0% y #E5E1DC como 100%.

0.0%	0.0% #A8C7DA	RGB 168 199 218	#A8C7DA
16.7%	16.7% #B0DBD7	RGB 176 219 215	#B0DBD7
33.3%	33.3% #B8DDC9	RGB 184 221 201	#B8DDC9
50.0%	50.0% #C2DFC1	RGB 194 223 193	#C2DFC1
66.7%	66.7% #D5E1CA	RGB 213 225 202	#D5E1CA
83.3%	83.3% #E2E3D3	RGB 226 227 211	#E2E3D3
100.0%	100.0% #E5E1DC	RGB 229 225 220	#E5E1DC

#A8C7DA #B0DBD7 #B8DDC9 #C2DFC1 #D5E1CA #E2E3D3 #E5E1DC

#A8C7DA - #C2DFC1 - #E5E1DC

Códigos CSS

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

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