#AFA79F - #EDC3B9 | 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 #AFA79F a #EDC3B9

#AFA79F #EDC3B9

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

#AFA79F - #EDC3B9 | 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 #AFA79F como 0% y #EDC3B9 como 100%.

0.0%	0.0% #AFA79F	RGB 175 167 159	#AFA79F
16.7%	16.7% #B9ABA3	RGB 185 171 163	#B9ABA3
33.3%	33.3% #C3B0A7	RGB 195 176 167	#C3B0A7
50.0%	50.0% #CEB5AC	RGB 206 181 172	#CEB5AC
66.7%	66.7% #D8B9B0	RGB 216 185 176	#D8B9B0
83.3%	83.3% #E2BEB4	RGB 226 190 180	#E2BEB4
100.0%	100.0% #EDC3B9	RGB 237 195 185	#EDC3B9

#AFA79F #B9ABA3 #C3B0A7 #CEB5AC #D8B9B0 #E2BEB4 #EDC3B9

#AFA79F - #EDC3B9

Mezcla HSV

#AFA79F - #EDC3B9 | 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 #AFA79F como 0% y #EDC3B9 como 100%.

0.0%	0.0% #AFA79F	RGB 175 167 159	#AFA79F
16.7%	16.7% #B9ADA4	RGB 185 173 164	#B9ADA4
33.3%	33.3% #C3B3A9	RGB 195 179 169	#C3B3A9
50.0%	50.0% #CEB9AD	RGB 206 185 173	#CEB9AD
66.7%	66.7% #D8BDB2	RGB 216 189 178	#D8BDB2
83.3%	83.3% #E2C0B5	RGB 226 192 181	#E2C0B5
100.0%	100.0% #EDC3B9	RGB 237 195 185	#EDC3B9

#AFA79F #B9ADA4 #C3B3A9 #CEB9AD #D8BDB2 #E2C0B5 #EDC3B9

#AFA79F - #CEB9AD - #EDC3B9

Códigos CSS

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

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