#AABDA2 - #E6ECE4 | 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 #AABDA2 a #E6ECE4

#AABDA2 #E6ECE4

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

#AABDA2 - #E6ECE4 | 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 #AABDA2 como 0% y #E6ECE4 como 100%.

0.0%	0.0% #AABDA2	RGB 170 189 162	#AABDA2
16.7%	16.7% #B4C4AD	RGB 180 196 173	#B4C4AD
33.3%	33.3% #BECCB8	RGB 190 204 184	#BECCB8
50.0%	50.0% #C8D4C3	RGB 200 212 195	#C8D4C3
66.7%	66.7% #D2DCCE	RGB 210 220 206	#D2DCCE
83.3%	83.3% #DCE4D9	RGB 220 228 217	#DCE4D9
100.0%	100.0% #E6ECE4	RGB 230 236 228	#E6ECE4

#AABDA2 #B4C4AD #BECCB8 #C8D4C3 #D2DCCE #DCE4D9 #E6ECE4

#AABDA2 - #E6ECE4

Mezcla HSV

#AABDA2 - #E6ECE4 | 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 #AABDA2 como 0% y #E6ECE4 como 100%.

0.0%	0.0% #AABDA2	RGB 170 189 162	#AABDA2
16.7%	16.7% #B3C4AC	RGB 179 196 172	#B3C4AC
33.3%	33.3% #BCCCB6	RGB 188 204 182	#BCCCB6
50.0%	50.0% #C6D4C1	RGB 198 212 193	#C6D4C1
66.7%	66.7% #D0DCCC	RGB 208 220 204	#D0DCCC
83.3%	83.3% #DBE4D8	RGB 219 228 216	#DBE4D8
100.0%	100.0% #E6ECE4	RGB 230 236 228	#E6ECE4

#AABDA2 #B3C4AC #BCCCB6 #C6D4C1 #D0DCCC #DBE4D8 #E6ECE4

#AABDA2 - #C6D4C1 - #E6ECE4

Códigos CSS

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

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