#A7BAA6 - #ECE2B2 | 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 #A7BAA6 a #ECE2B2

#A7BAA6 #ECE2B2

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

#A7BAA6 - #ECE2B2 | 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 #A7BAA6 como 0% y #ECE2B2 como 100%.

0.0%	0.0% #A7BAA6	RGB 167 186 166	#A7BAA6
16.7%	16.7% #B2C0A8	RGB 178 192 168	#B2C0A8
33.3%	33.3% #BEC7AA	RGB 190 199 170	#BEC7AA
50.0%	50.0% #C9CEAC	RGB 201 206 172	#C9CEAC
66.7%	66.7% #D5D4AE	RGB 213 212 174	#D5D4AE
83.3%	83.3% #E0DBB0	RGB 224 219 176	#E0DBB0
100.0%	100.0% #ECE2B2	RGB 236 226 178	#ECE2B2

#A7BAA6 #B2C0A8 #BEC7AA #C9CEAC #D5D4AE #E0DBB0 #ECE2B2

#A7BAA6 - #ECE2B2

Mezcla HSV

#A7BAA6 - #ECE2B2 | 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 #A7BAA6 como 0% y #ECE2B2 como 100%.

0.0%	0.0% #A7BAA6	RGB 167 186 166	#A7BAA6
16.7%	16.7% #AEC2A8	RGB 174 194 168	#AEC2A8
33.3%	33.3% #B8CAAB	RGB 184 202 171	#B8CAAB
50.0%	50.0% #C4D3AD	RGB 196 211 173	#C4D3AD
66.7%	66.7% #D2DBAF	RGB 210 219 175	#D2DBAF
83.3%	83.3% #E2E3B0	RGB 226 227 176	#E2E3B0
100.0%	100.0% #ECE2B2	RGB 236 226 178	#ECE2B2

#A7BAA6 #AEC2A8 #B8CAAB #C4D3AD #D2DBAF #E2E3B0 #ECE2B2

#A7BAA6 - #C4D3AD - #ECE2B2

Códigos CSS

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

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