#39060B - #C6B7B9 | 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 #39060B a #C6B7B9

#39060B #C6B7B9

Calcule el color entre dos colores, #39060B y #C6B7B9. 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)

#39060B - #C6B7B9 | 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 #39060B como 0% y #C6B7B9 como 100%.

0.0%	0.0% #39060B	RGB 57 6 11	#39060B
16.7%	16.7% #502328	RGB 80 35 40	#502328
33.3%	33.3% #684145	RGB 104 65 69	#684145
50.0%	50.0% #7F5E62	RGB 127 94 98	#7F5E62
66.7%	66.7% #977C7F	RGB 151 124 127	#977C7F
83.3%	83.3% #AE999C	RGB 174 153 156	#AE999C
100.0%	100.0% #C6B7B9	RGB 198 183 185	#C6B7B9

#39060B #502328 #684145 #7F5E62 #977C7F #AE999C #C6B7B9

#39060B - #C6B7B9

Mezcla HSV

#39060B - #C6B7B9 | 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 #39060B como 0% y #C6B7B9 como 100%.

0.0%	0.0% #39060A	RGB 57 6 10	#39060A
16.7%	16.7% #501319	RGB 80 19 25	#501319
33.3%	33.3% #68272E	RGB 104 39 46	#68272E
50.0%	50.0% #7F4148	RGB 127 65 72	#7F4148
66.7%	66.7% #976268	RGB 151 98 104	#976268
83.3%	83.3% #AE898E	RGB 174 137 142	#AE898E
100.0%	100.0% #C6B7B9	RGB 198 183 185	#C6B7B9

#39060A #501319 #68272E #7F4148 #976268 #AE898E #C6B7B9

#39060B - #7F4148 - #C6B7B9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39060A 0%, #7F4148 50%, #C6B7B9 100%);
    background: -webkit-linear-gradient(top, #39060A 0%, #7F4148 50%, #C6B7B9 100%);
    background: linear-gradient(to bottom, #39060A 0%, #7F4148 50%, #C6B7B9 100%);
}
</style>