#9FAFA7 - #E8C4C4 | 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 #9FAFA7 a #E8C4C4

#9FAFA7 #E8C4C4

Calcule el color entre dos colores, #9FAFA7 y #E8C4C4. 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)

#9FAFA7 - #E8C4C4 | 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 #9FAFA7 como 0% y #E8C4C4 como 100%.

0.0%	0.0% #9FAFA7	RGB 159 175 167	#9FAFA7
16.7%	16.7% #ABB2AB	RGB 171 178 171	#ABB2AB
33.3%	33.3% #B7B6B0	RGB 183 182 176	#B7B6B0
50.0%	50.0% #C3B9B5	RGB 195 185 181	#C3B9B5
66.7%	66.7% #CFBDBA	RGB 207 189 186	#CFBDBA
83.3%	83.3% #DBC0BF	RGB 219 192 191	#DBC0BF
100.0%	100.0% #E8C4C4	RGB 232 196 196	#E8C4C4

#9FAFA7 #ABB2AB #B7B6B0 #C3B9B5 #CFBDBA #DBC0BF #E8C4C4

#9FAFA7 - #E8C4C4

Mezcla HSV

#9FAFA7 - #E8C4C4 | 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 #9FAFA7 como 0% y #E8C4C4 como 100%.

0.0%	0.0% #9FAFA7	RGB 159 175 167	#9FAFA7
16.7%	16.7% #A5B8A7	RGB 165 184 167	#A5B8A7
33.3%	33.3% #B3C2AC	RGB 179 194 172	#B3C2AC
50.0%	50.0% #C5CBB2	RGB 197 203 178	#C5CBB2
66.7%	66.7% #D5D0B8	RGB 213 208 184	#D5D0B8
83.3%	83.3% #DECBBE	RGB 222 203 190	#DECBBE
100.0%	100.0% #E8C4C4	RGB 232 196 196	#E8C4C4

#9FAFA7 #A5B8A7 #B3C2AC #C5CBB2 #D5D0B8 #DECBBE #E8C4C4

#9FAFA7 - #C5CBB2 - #E8C4C4

Códigos CSS

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

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