#BCDFB5 - #353F33 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BCDFB5 to #353F33

#BCDFB5 #353F33

Calculate the color between two colors, #BCDFB5 and #353F33. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BCDFB5 - #353F33 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BCDFB5 as 0% and #353F33 as 100%.

0.0%	0.0% #BCDFB5	RGB 188 223 181	#BCDFB5
16.7%	16.7% #A5C49F	RGB 165 196 159	#A5C49F
33.3%	33.3% #8FA989	RGB 143 169 137	#8FA989
50.0%	50.0% #788F74	RGB 120 143 116	#788F74
66.7%	66.7% #62745E	RGB 98 116 94	#62745E
83.3%	83.3% #4B5948	RGB 75 89 72	#4B5948
100.0%	100.0% #353F33	RGB 53 63 51	#353F33

#BCDFB5 #A5C49F #8FA989 #788F74 #62745E #4B5948 #353F33

#BCDFB5 - #353F33

HSV Blend

#BCDFB5 - #353F33 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BCDFB5 as 0% and #353F33 as 100%.

0.0%	0.0% #BCDFB5	RGB 188 223 181	#BCDFB5
16.7%	16.7% #A5C49F	RGB 165 196 159	#A5C49F
33.3%	33.3% #8EA989	RGB 142 169 137	#8EA989
50.0%	50.0% #788F73	RGB 120 143 115	#788F73
66.7%	66.7% #61745E	RGB 97 116 94	#61745E
83.3%	83.3% #4B5948	RGB 75 89 72	#4B5948
100.0%	100.0% #353F33	RGB 53 63 51	#353F33

#BCDFB5 #A5C49F #8EA989 #788F73 #61745E #4B5948 #353F33

#BCDFB5 - #788F73 - #353F33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCDFB5 0%, #788F73 50%, #353F33 100%);
    background: -webkit-linear-gradient(top, #BCDFB5 0%, #788F73 50%, #353F33 100%);
    background: linear-gradient(to bottom, #BCDFB5 0%, #788F73 50%, #353F33 100%);
}
</style>