#224731 - #BFCAC4 | 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 #224731 to #BFCAC4

#224731 #BFCAC4

Calculate the color between two colors, #224731 and #BFCAC4. 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)

#224731 - #BFCAC4 | 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 #224731 as 0% and #BFCAC4 as 100%.

0.0%	0.0% #224731	RGB 34 71 49	#224731
16.7%	16.7% #3C5C49	RGB 60 92 73	#3C5C49
33.3%	33.3% #567262	RGB 86 114 98	#567262
50.0%	50.0% #70887A	RGB 112 136 122	#70887A
66.7%	66.7% #8A9E93	RGB 138 158 147	#8A9E93
83.3%	83.3% #A4B4AB	RGB 164 180 171	#A4B4AB
100.0%	100.0% #BFCAC4	RGB 191 202 196	#BFCAC4

#224731 #3C5C49 #567262 #70887A #8A9E93 #A4B4AB #BFCAC4

#224731 - #BFCAC4

HSV Blend

#224731 - #BFCAC4 | 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 #224731 as 0% and #BFCAC4 as 100%.

0.0%	0.0% #224731	RGB 34 71 49	#224731
16.7%	16.7% #335C44	RGB 51 92 68	#335C44
33.3%	33.3% #48725A	RGB 72 114 90	#48725A
50.0%	50.0% #618872	RGB 97 136 114	#618872
66.7%	66.7% #7D9E8B	RGB 125 158 139	#7D9E8B
83.3%	83.3% #9CB4A6	RGB 156 180 166	#9CB4A6
100.0%	100.0% #BFCAC4	RGB 191 202 196	#BFCAC4

#224731 #335C44 #48725A #618872 #7D9E8B #9CB4A6 #BFCAC4

#224731 - #618872 - #BFCAC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #224731 0%, #618872 50%, #BFCAC4 100%);
    background: -webkit-linear-gradient(top, #224731 0%, #618872 50%, #BFCAC4 100%);
    background: linear-gradient(to bottom, #224731 0%, #618872 50%, #BFCAC4 100%);
}
</style>