#8D7676 - #DED7D7 | 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 #8D7676 a #DED7D7

#8D7676 #DED7D7

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

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

0.0%	0.0% #8D7676	RGB 141 118 118	#8D7676
16.7%	16.7% #9A8686	RGB 154 134 134	#9A8686
33.3%	33.3% #A89696	RGB 168 150 150	#A89696
50.0%	50.0% #B5A6A6	RGB 181 166 166	#B5A6A6
66.7%	66.7% #C3B6B6	RGB 195 182 182	#C3B6B6
83.3%	83.3% #D0C6C6	RGB 208 198 198	#D0C6C6
100.0%	100.0% #DED7D7	RGB 222 215 215	#DED7D7

#8D7676 #9A8686 #A89696 #B5A6A6 #C3B6B6 #D0C6C6 #DED7D7

#8D7676 - #DED7D7

Mezcla HSV

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

0.0%	0.0% #8D7676	RGB 141 118 118	#8D7676
16.7%	16.7% #9A8484	RGB 154 132 132	#9A8484
33.3%	33.3% #A89393	RGB 168 147 147	#A89393
50.0%	50.0% #B5A3A3	RGB 181 163 163	#B5A3A3
66.7%	66.7% #C3B4B4	RGB 195 180 180	#C3B4B4
83.3%	83.3% #D0C5C5	RGB 208 197 197	#D0C5C5
100.0%	100.0% #DED7D7	RGB 222 215 215	#DED7D7

#8D7676 #9A8484 #A89393 #B5A3A3 #C3B4B4 #D0C5C5 #DED7D7

#8D7676 - #B5A3A3 - #DED7D7

Códigos CSS

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

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