#21501D - #BFCDBE | 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 #21501D a #BFCDBE

#21501D #BFCDBE

Calcule el color entre dos colores, #21501D y #BFCDBE. 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)

#21501D - #BFCDBE | 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 #21501D como 0% y #BFCDBE como 100%.

0.0%	0.0% #21501D	RGB 33 80 29	#21501D
16.7%	16.7% #3B6437	RGB 59 100 55	#3B6437
33.3%	33.3% #557952	RGB 85 121 82	#557952
50.0%	50.0% #708E6D	RGB 112 142 109	#708E6D
66.7%	66.7% #8AA388	RGB 138 163 136	#8AA388
83.3%	83.3% #A4B8A3	RGB 164 184 163	#A4B8A3
100.0%	100.0% #BFCDBE	RGB 191 205 190	#BFCDBE

#21501D #3B6437 #557952 #708E6D #8AA388 #A4B8A3 #BFCDBE

#21501D - #BFCDBE

Mezcla HSV

#21501D - #BFCDBE | 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 #21501D como 0% y #BFCDBE como 100%.

0.0%	0.0% #20501D	RGB 32 80 29	#20501D
16.7%	16.7% #32642E	RGB 50 100 46	#32642E
33.3%	33.3% #477942	RGB 71 121 66	#477942
50.0%	50.0% #5F8E5B	RGB 95 142 91	#5F8E5B
66.7%	66.7% #7BA378	RGB 123 163 120	#7BA378
83.3%	83.3% #9BB899	RGB 155 184 153	#9BB899
100.0%	100.0% #BFCDBE	RGB 191 205 190	#BFCDBE

#20501D #32642E #477942 #5F8E5B #7BA378 #9BB899 #BFCDBE

#21501D - #5F8E5B - #BFCDBE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20501D 0%, #5F8E5B 50%, #BFCDBE 100%);
    background: -webkit-linear-gradient(top, #20501D 0%, #5F8E5B 50%, #BFCDBE 100%);
    background: linear-gradient(to bottom, #20501D 0%, #5F8E5B 50%, #BFCDBE 100%);
}
</style>