#4F503F - #B09C6B | 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 #4F503F a #B09C6B

#4F503F #B09C6B

Calcule el color entre dos colores, #4F503F y #B09C6B. 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)

#4F503F - #B09C6B | 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 #4F503F como 0% y #B09C6B como 100%.

0.0%	0.0% #4F503F	RGB 79 80 63	#4F503F
16.7%	16.7% #5F5C46	RGB 95 92 70	#5F5C46
33.3%	33.3% #6F694D	RGB 111 105 77	#6F694D
50.0%	50.0% #7F7655	RGB 127 118 85	#7F7655
66.7%	66.7% #8F825C	RGB 143 130 92	#8F825C
83.3%	83.3% #9F8F63	RGB 159 143 99	#9F8F63
100.0%	100.0% #B09C6B	RGB 176 156 107	#B09C6B

#4F503F #5F5C46 #6F694D #7F7655 #8F825C #9F8F63 #B09C6B

#4F503F - #B09C6B

Mezcla HSV

#4F503F - #B09C6B | 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 #4F503F como 0% y #B09C6B como 100%.

0.0%	0.0% #4F503F	RGB 79 80 63	#4F503F
16.7%	16.7% #5F6048	RGB 95 96 72	#5F6048
33.3%	33.3% #706E51	RGB 112 110 81	#706E51
50.0%	50.0% #807B59	RGB 128 123 89	#807B59
66.7%	66.7% #908760	RGB 144 135 96	#908760
83.3%	83.3% #A09266	RGB 160 146 102	#A09266
100.0%	100.0% #B09C6B	RGB 176 156 107	#B09C6B

#4F503F #5F6048 #706E51 #807B59 #908760 #A09266 #B09C6B

#4F503F - #807B59 - #B09C6B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F503F 0%, #807B59 50%, #B09C6B 100%);
    background: -webkit-linear-gradient(top, #4F503F 0%, #807B59 50%, #B09C6B 100%);
    background: linear-gradient(to bottom, #4F503F 0%, #807B59 50%, #B09C6B 100%);
}
</style>