#AFAB9F - #EDD2B9 | 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 #AFAB9F a #EDD2B9

#AFAB9F #EDD2B9

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

#AFAB9F - #EDD2B9 | 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 #AFAB9F como 0% y #EDD2B9 como 100%.

0.0%	0.0% #AFAB9F	RGB 175 171 159	#AFAB9F
16.7%	16.7% #B9B1A3	RGB 185 177 163	#B9B1A3
33.3%	33.3% #C3B8A7	RGB 195 184 167	#C3B8A7
50.0%	50.0% #CEBEAC	RGB 206 190 172	#CEBEAC
66.7%	66.7% #D8C5B0	RGB 216 197 176	#D8C5B0
83.3%	83.3% #E2CBB4	RGB 226 203 180	#E2CBB4
100.0%	100.0% #EDD2B9	RGB 237 210 185	#EDD2B9

#AFAB9F #B9B1A3 #C3B8A7 #CEBEAC #D8C5B0 #E2CBB4 #EDD2B9

#AFAB9F - #EDD2B9

Mezcla HSV

#AFAB9F - #EDD2B9 | 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 #AFAB9F como 0% y #EDD2B9 como 100%.

0.0%	0.0% #AFAB9F	RGB 175 171 159	#AFAB9F
16.7%	16.7% #B9B3A4	RGB 185 179 164	#B9B3A4
33.3%	33.3% #C3BAA9	RGB 195 186 169	#C3BAA9
50.0%	50.0% #CEC1AD	RGB 206 193 173	#CEC1AD
66.7%	66.7% #D8C7B2	RGB 216 199 178	#D8C7B2
83.3%	83.3% #E2CDB5	RGB 226 205 181	#E2CDB5
100.0%	100.0% #EDD2B9	RGB 237 210 185	#EDD2B9

#AFAB9F #B9B3A4 #C3BAA9 #CEC1AD #D8C7B2 #E2CDB5 #EDD2B9

#AFAB9F - #CEC1AD - #EDD2B9

Códigos CSS

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

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