#8F837D - #FB9A95 | 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 #8F837D a #FB9A95

#8F837D #FB9A95

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

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

0.0%	0.0% #8F837D	RGB 143 131 125	#8F837D
16.7%	16.7% #A18681	RGB 161 134 129	#A18681
33.3%	33.3% #B38A85	RGB 179 138 133	#B38A85
50.0%	50.0% #C58E89	RGB 197 142 137	#C58E89
66.7%	66.7% #D7928D	RGB 215 146 141	#D7928D
83.3%	83.3% #E99691	RGB 233 150 145	#E99691
100.0%	100.0% #FB9A95	RGB 251 154 149	#FB9A95

#8F837D #A18681 #B38A85 #C58E89 #D7928D #E99691 #FB9A95

#8F837D - #FB9A95

Mezcla HSV

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

0.0%	0.0% #8F837D	RGB 143 131 125	#8F837D
16.7%	16.7% #A18D85	RGB 161 141 133	#A18D85
33.3%	33.3% #B3958B	RGB 179 149 139	#B3958B
50.0%	50.0% #C59A90	RGB 197 154 144	#C59A90
66.7%	66.7% #D79D93	RGB 215 157 147	#D79D93
83.3%	83.3% #E99D95	RGB 233 157 149	#E99D95
100.0%	100.0% #FB9A95	RGB 251 154 149	#FB9A95

#8F837D #A18D85 #B3958B #C59A90 #D79D93 #E99D95 #FB9A95

#8F837D - #C59A90 - #FB9A95

Códigos CSS

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

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