#CFDCB0 - #8EB15B | 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 #CFDCB0 to #8EB15B

#CFDCB0 #8EB15B

Calculate the color between two colors, #CFDCB0 and #8EB15B. 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)

#CFDCB0 - #8EB15B | 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 #CFDCB0 as 0% and #8EB15B as 100%.

0.0%	0.0% #CFDCB0	RGB 207 220 176	#CFDCB0
16.7%	16.7% #C4D4A1	RGB 196 212 161	#C4D4A1
33.3%	33.3% #B9CD93	RGB 185 205 147	#B9CD93
50.0%	50.0% #AEC685	RGB 174 198 133	#AEC685
66.7%	66.7% #A3BF77	RGB 163 191 119	#A3BF77
83.3%	83.3% #98B869	RGB 152 184 105	#98B869
100.0%	100.0% #8EB15B	RGB 142 177 91	#8EB15B

#CFDCB0 #C4D4A1 #B9CD93 #AEC685 #A3BF77 #98B869 #8EB15B

#CFDCB0 - #8EB15B

HSV Blend

#CFDCB0 - #8EB15B | 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 #CFDCB0 as 0% and #8EB15B as 100%.

0.0%	0.0% #CFDCB0	RGB 207 220 176	#CFDCB0
16.7%	16.7% #C4D4A0	RGB 196 212 160	#C4D4A0
33.3%	33.3% #B9CD90	RGB 185 205 144	#B9CD90
50.0%	50.0% #AEC682	RGB 174 198 130	#AEC682
66.7%	66.7% #A3BF74	RGB 163 191 116	#A3BF74
83.3%	83.3% #98B867	RGB 152 184 103	#98B867
100.0%	100.0% #8EB15B	RGB 142 177 91	#8EB15B

#CFDCB0 #C4D4A0 #B9CD90 #AEC682 #A3BF74 #98B867 #8EB15B

#CFDCB0 - #AEC682 - #8EB15B

CSS codes

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

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