#8C4D4D - #DECCCC | 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 #8C4D4D a #DECCCC

#8C4D4D #DECCCC

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

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

0.0%	0.0% #8C4D4D	RGB 140 77 77	#8C4D4D
16.7%	16.7% #996262	RGB 153 98 98	#996262
33.3%	33.3% #A77777	RGB 167 119 119	#A77777
50.0%	50.0% #B58C8C	RGB 181 140 140	#B58C8C
66.7%	66.7% #C2A1A1	RGB 194 161 161	#C2A1A1
83.3%	83.3% #D0B6B6	RGB 208 182 182	#D0B6B6
100.0%	100.0% #DECCCC	RGB 222 204 204	#DECCCC

#8C4D4D #996262 #A77777 #B58C8C #C2A1A1 #D0B6B6 #DECCCC

#8C4D4D - #DECCCC

Mezcla HSV

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

0.0%	0.0% #8C4D4D	RGB 140 77 77	#8C4D4D
16.7%	16.7% #995D5D	RGB 153 93 93	#995D5D
33.3%	33.3% #A77070	RGB 167 112 112	#A77070
50.0%	50.0% #B58484	RGB 181 132 132	#B58484
66.7%	66.7% #C29A9A	RGB 194 154 154	#C29A9A
83.3%	83.3% #D0B2B2	RGB 208 178 178	#D0B2B2
100.0%	100.0% #DECCCC	RGB 222 204 204	#DECCCC

#8C4D4D #995D5D #A77070 #B58484 #C29A9A #D0B2B2 #DECCCC

#8C4D4D - #B58484 - #DECCCC

Códigos CSS

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

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