#8B8985 - #F7CC9F | 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 #8B8985 a #F7CC9F

#8B8985 #F7CC9F

Calcule el color entre dos colores, #8B8985 y #F7CC9F. 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)

#8B8985 - #F7CC9F | 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 #8B8985 como 0% y #F7CC9F como 100%.

0.0%	0.0% #8B8985	RGB 139 137 133	#8B8985
16.7%	16.7% #9D9489	RGB 157 148 137	#9D9489
33.3%	33.3% #AF9F8D	RGB 175 159 141	#AF9F8D
50.0%	50.0% #C1AA92	RGB 193 170 146	#C1AA92
66.7%	66.7% #D3B596	RGB 211 181 150	#D3B596
83.3%	83.3% #E5C09A	RGB 229 192 154	#E5C09A
100.0%	100.0% #F7CC9F	RGB 247 204 159	#F7CC9F

#8B8985 #9D9489 #AF9F8D #C1AA92 #D3B596 #E5C09A #F7CC9F

#8B8985 - #F7CC9F

Mezcla HSV

#8B8985 - #F7CC9F | 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 #8B8985 como 0% y #F7CC9F como 100%.

0.0%	0.0% #8B8985	RGB 139 137 133	#8B8985
16.7%	16.7% #9D978E	RGB 157 151 142	#9D978E
33.3%	33.3% #AFA595	RGB 175 165 149	#AFA595
50.0%	50.0% #C1B19A	RGB 193 177 154	#C1B19A
66.7%	66.7% #D3BB9D	RGB 211 187 157	#D3BB9D
83.3%	83.3% #E5C49F	RGB 229 196 159	#E5C49F
100.0%	100.0% #F7CC9F	RGB 247 204 159	#F7CC9F

#8B8985 #9D978E #AFA595 #C1B19A #D3BB9D #E5C49F #F7CC9F

#8B8985 - #C1B19A - #F7CC9F

Códigos CSS

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

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