#112B05 - #BAC2B7 | 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 #112B05 a #BAC2B7

#112B05 #BAC2B7

Calcule el color entre dos colores, #112B05 y #BAC2B7. 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)

#112B05 - #BAC2B7 | 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 #112B05 como 0% y #BAC2B7 como 100%.

0.0%	0.0% #112B05	RGB 17 43 5	#112B05
16.7%	16.7% #2D4422	RGB 45 68 34	#2D4422
33.3%	33.3% #495D40	RGB 73 93 64	#495D40
50.0%	50.0% #65765E	RGB 101 118 94	#65765E
66.7%	66.7% #818F7B	RGB 129 143 123	#818F7B
83.3%	83.3% #9DA899	RGB 157 168 153	#9DA899
100.0%	100.0% #BAC2B7	RGB 186 194 183	#BAC2B7

#112B05 #2D4422 #495D40 #65765E #818F7B #9DA899 #BAC2B7

#112B05 - #BAC2B7

Mezcla HSV

#112B05 - #BAC2B7 | 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 #112B05 como 0% y #BAC2B7 como 100%.

0.0%	0.0% #102B05	RGB 16 43 5	#102B05
16.7%	16.7% #214411	RGB 33 68 17	#214411
33.3%	33.3% #355D24	RGB 53 93 36	#355D24
50.0%	50.0% #4F763E	RGB 79 118 62	#4F763E
66.7%	66.7% #6D8F5F	RGB 109 143 95	#6D8F5F
83.3%	83.3% #91A887	RGB 145 168 135	#91A887
100.0%	100.0% #BAC2B7	RGB 186 194 183	#BAC2B7

#102B05 #214411 #355D24 #4F763E #6D8F5F #91A887 #BAC2B7

#112B05 - #4F763E - #BAC2B7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #102B05 0%, #4F763E 50%, #BAC2B7 100%);
    background: -webkit-linear-gradient(top, #102B05 0%, #4F763E 50%, #BAC2B7 100%);
    background: linear-gradient(to bottom, #102B05 0%, #4F763E 50%, #BAC2B7 100%);
}
</style>