#C9E5DB - #65B5AC | 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 #C9E5DB to #65B5AC

#C9E5DB #65B5AC

Calculate the color between two colors, #C9E5DB and #65B5AC. 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)

#C9E5DB - #65B5AC | 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 #C9E5DB as 0% and #65B5AC as 100%.

0.0%	0.0% #C9E5DB	RGB 201 229 219	#C9E5DB
16.7%	16.7% #B8DDD3	RGB 184 221 211	#B8DDD3
33.3%	33.3% #A7D5CB	RGB 167 213 203	#A7D5CB
50.0%	50.0% #97CDC3	RGB 151 205 195	#97CDC3
66.7%	66.7% #86C5BB	RGB 134 197 187	#86C5BB
83.3%	83.3% #75BDB3	RGB 117 189 179	#75BDB3
100.0%	100.0% #65B5AC	RGB 101 181 172	#65B5AC

#C9E5DB #B8DDD3 #A7D5CB #97CDC3 #86C5BB #75BDB3 #65B5AC

#C9E5DB - #65B5AC

HSV Blend

#C9E5DB - #65B5AC | 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 #C9E5DB as 0% and #65B5AC as 100%.

0.0%	0.0% #C9E5DB	RGB 201 229 219	#C9E5DB
16.7%	16.7% #B6DDD0	RGB 182 221 208	#B6DDD0
33.3%	33.3% #A4D5C7	RGB 164 213 199	#A4D5C7
50.0%	50.0% #93CDBF	RGB 147 205 191	#93CDBF
66.7%	66.7% #82C5B8	RGB 130 197 184	#82C5B8
83.3%	83.3% #73BDB1	RGB 115 189 177	#73BDB1
100.0%	100.0% #65B5AC	RGB 101 181 172	#65B5AC

#C9E5DB #B6DDD0 #A4D5C7 #93CDBF #82C5B8 #73BDB1 #65B5AC

#C9E5DB - #93CDBF - #65B5AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9E5DB 0%, #93CDBF 50%, #65B5AC 100%);
    background: -webkit-linear-gradient(top, #C9E5DB 0%, #93CDBF 50%, #65B5AC 100%);
    background: linear-gradient(to bottom, #C9E5DB 0%, #93CDBF 50%, #65B5AC 100%);
}
</style>