#CFDEDB - #81ADA4 | 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 #CFDEDB to #81ADA4

#CFDEDB #81ADA4

Calculate the color between two colors, #CFDEDB and #81ADA4. 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)

#CFDEDB - #81ADA4 | 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 #CFDEDB as 0% and #81ADA4 as 100%.

0.0%	0.0% #CFDEDB	RGB 207 222 219	#CFDEDB
16.7%	16.7% #C2D5D1	RGB 194 213 209	#C2D5D1
33.3%	33.3% #B5CDC8	RGB 181 205 200	#B5CDC8
50.0%	50.0% #A8C5BF	RGB 168 197 191	#A8C5BF
66.7%	66.7% #9BBDB6	RGB 155 189 182	#9BBDB6
83.3%	83.3% #8EB5AD	RGB 142 181 173	#8EB5AD
100.0%	100.0% #81ADA4	RGB 129 173 164	#81ADA4

#CFDEDB #C2D5D1 #B5CDC8 #A8C5BF #9BBDB6 #8EB5AD #81ADA4

#CFDEDB - #81ADA4

HSV Blend

#CFDEDB - #81ADA4 | 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 #CFDEDB as 0% and #81ADA4 as 100%.

0.0%	0.0% #CFDEDB	RGB 207 222 219	#CFDEDB
16.7%	16.7% #C0D5D1	RGB 192 213 209	#C0D5D1
33.3%	33.3% #B2CDC8	RGB 178 205 200	#B2CDC8
50.0%	50.0% #A5C5BF	RGB 165 197 191	#A5C5BF
66.7%	66.7% #98BDB5	RGB 152 189 181	#98BDB5
83.3%	83.3% #8CB5AC	RGB 140 181 172	#8CB5AC
100.0%	100.0% #81ADA4	RGB 129 173 164	#81ADA4

#CFDEDB #C0D5D1 #B2CDC8 #A5C5BF #98BDB5 #8CB5AC #81ADA4

#CFDEDB - #A5C5BF - #81ADA4

CSS codes

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

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