#AFAC9F - #EDD3B9 | 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 #AFAC9F a #EDD3B9

#AFAC9F #EDD3B9

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

#AFAC9F - #EDD3B9 | 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 #AFAC9F como 0% y #EDD3B9 como 100%.

0.0%	0.0% #AFAC9F	RGB 175 172 159	#AFAC9F
16.7%	16.7% #B9B2A3	RGB 185 178 163	#B9B2A3
33.3%	33.3% #C3B9A7	RGB 195 185 167	#C3B9A7
50.0%	50.0% #CEBFAC	RGB 206 191 172	#CEBFAC
66.7%	66.7% #D8C6B0	RGB 216 198 176	#D8C6B0
83.3%	83.3% #E2CCB4	RGB 226 204 180	#E2CCB4
100.0%	100.0% #EDD3B9	RGB 237 211 185	#EDD3B9

#AFAC9F #B9B2A3 #C3B9A7 #CEBFAC #D8C6B0 #E2CCB4 #EDD3B9

#AFAC9F - #EDD3B9

Mezcla HSV

#AFAC9F - #EDD3B9 | 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 #AFAC9F como 0% y #EDD3B9 como 100%.

0.0%	0.0% #AFAC9F	RGB 175 172 159	#AFAC9F
16.7%	16.7% #B9B4A4	RGB 185 180 164	#B9B4A4
33.3%	33.3% #C3BCA9	RGB 195 188 169	#C3BCA9
50.0%	50.0% #CEC2AD	RGB 206 194 173	#CEC2AD
66.7%	66.7% #D8C9B2	RGB 216 201 178	#D8C9B2
83.3%	83.3% #E2CEB5	RGB 226 206 181	#E2CEB5
100.0%	100.0% #EDD3B9	RGB 237 211 185	#EDD3B9

#AFAC9F #B9B4A4 #C3BCA9 #CEC2AD #D8C9B2 #E2CEB5 #EDD3B9

#AFAC9F - #CEC2AD - #EDD3B9

Códigos CSS

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

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