#A8AFB5 - #E4D8C4 | 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 #A8AFB5 a #E4D8C4

#A8AFB5 #E4D8C4

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

#A8AFB5 - #E4D8C4 | 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 #A8AFB5 como 0% y #E4D8C4 como 100%.

0.0%	0.0% #A8AFB5	RGB 168 175 181	#A8AFB5
16.7%	16.7% #B2B5B7	RGB 178 181 183	#B2B5B7
33.3%	33.3% #BCBCBA	RGB 188 188 186	#BCBCBA
50.0%	50.0% #C6C3BC	RGB 198 195 188	#C6C3BC
66.7%	66.7% #D0CABF	RGB 208 202 191	#D0CABF
83.3%	83.3% #DAD1C1	RGB 218 209 193	#DAD1C1
100.0%	100.0% #E4D8C4	RGB 228 216 196	#E4D8C4

#A8AFB5 #B2B5B7 #BCBCBA #C6C3BC #D0CABF #DAD1C1 #E4D8C4

#A8AFB5 - #E4D8C4

Mezcla HSV

#A8AFB5 - #E4D8C4 | 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 #A8AFB5 como 0% y #E4D8C4 como 100%.

0.0%	0.0% #A8AFB5	RGB 168 175 181	#A8AFB5
16.7%	16.7% #ADBCBC	RGB 173 188 188	#ADBCBC
33.3%	33.3% #B2C4BB	RGB 178 196 187	#B2C4BB
50.0%	50.0% #B6CCB7	RGB 182 204 183	#B6CCB7
66.7%	66.7% #C6D4BB	RGB 198 212 187	#C6D4BB
83.3%	83.3% #D9DCBF	RGB 217 220 191	#D9DCBF
100.0%	100.0% #E4D8C4	RGB 228 216 196	#E4D8C4

#A8AFB5 #ADBCBC #B2C4BB #B6CCB7 #C6D4BB #D9DCBF #E4D8C4

#A8AFB5 - #B6CCB7 - #E4D8C4

Códigos CSS

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

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