#82863E - #DBDCC7 | 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 #82863E a #DBDCC7

#82863E #DBDCC7

Calcule el color entre dos colores, #82863E y #DBDCC7. 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)

#82863E - #DBDCC7 | 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 #82863E como 0% y #DBDCC7 como 100%.

0.0%	0.0% #82863E	RGB 130 134 62	#82863E
16.7%	16.7% #909454	RGB 144 148 84	#909454
33.3%	33.3% #9FA26B	RGB 159 162 107	#9FA26B
50.0%	50.0% #AEB182	RGB 174 177 130	#AEB182
66.7%	66.7% #BDBF99	RGB 189 191 153	#BDBF99
83.3%	83.3% #CCCDB0	RGB 204 205 176	#CCCDB0
100.0%	100.0% #DBDCC7	RGB 219 220 199	#DBDCC7

#82863E #909454 #9FA26B #AEB182 #BDBF99 #CCCDB0 #DBDCC7

#82863E - #DBDCC7

Mezcla HSV

#82863E - #DBDCC7 | 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 #82863E como 0% y #DBDCC7 como 100%.

0.0%	0.0% #82863E	RGB 130 134 62	#82863E
16.7%	16.7% #90944F	RGB 144 148 79	#90944F
33.3%	33.3% #9FA263	RGB 159 162 99	#9FA263
50.0%	50.0% #AEB179	RGB 174 177 121	#AEB179
66.7%	66.7% #BCBF90	RGB 188 191 144	#BCBF90
83.3%	83.3% #CBCDAA	RGB 203 205 170	#CBCDAA
100.0%	100.0% #DBDCC7	RGB 219 220 199	#DBDCC7

#82863E #90944F #9FA263 #AEB179 #BCBF90 #CBCDAA #DBDCC7

#82863E - #AEB179 - #DBDCC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82863E 0%, #AEB179 50%, #DBDCC7 100%);
    background: -webkit-linear-gradient(top, #82863E 0%, #AEB179 50%, #DBDCC7 100%);
    background: linear-gradient(to bottom, #82863E 0%, #AEB179 50%, #DBDCC7 100%);
}
</style>