#CFDCD2 - #82A199 | 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 #CFDCD2 to #82A199

#CFDCD2 #82A199

Calculate the color between two colors, #CFDCD2 and #82A199. 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)

#CFDCD2 - #82A199 | 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 #CFDCD2 as 0% and #82A199 as 100%.

0.0%	0.0% #CFDCD2	RGB 207 220 210	#CFDCD2
16.7%	16.7% #C2D2C8	RGB 194 210 200	#C2D2C8
33.3%	33.3% #B5C8BF	RGB 181 200 191	#B5C8BF
50.0%	50.0% #A8BEB5	RGB 168 190 181	#A8BEB5
66.7%	66.7% #9BB4AC	RGB 155 180 172	#9BB4AC
83.3%	83.3% #8EAAA2	RGB 142 170 162	#8EAAA2
100.0%	100.0% #82A199	RGB 130 161 153	#82A199

#CFDCD2 #C2D2C8 #B5C8BF #A8BEB5 #9BB4AC #8EAAA2 #82A199

#CFDCD2 - #82A199

HSV Blend

#CFDCD2 - #82A199 | 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 #CFDCD2 as 0% and #82A199 as 100%.

0.0%	0.0% #CFDCD2	RGB 207 220 210	#CFDCD2
16.7%	16.7% #C1D2C6	RGB 193 210 198	#C1D2C6
33.3%	33.3% #B3C8BB	RGB 179 200 187	#B3C8BB
50.0%	50.0% #A6BEB2	RGB 166 190 178	#A6BEB2
66.7%	66.7% #99B4A9	RGB 153 180 169	#99B4A9
83.3%	83.3% #8DAAA0	RGB 141 170 160	#8DAAA0
100.0%	100.0% #82A199	RGB 130 161 153	#82A199

#CFDCD2 #C1D2C6 #B3C8BB #A6BEB2 #99B4A9 #8DAAA0 #82A199

#CFDCD2 - #A6BEB2 - #82A199

CSS codes

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

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