#CFE7E5 - #65BAB9 | 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 #CFE7E5 to #65BAB9

#CFE7E5 #65BAB9

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

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

0.0%	0.0% #CFE7E5	RGB 207 231 229	#CFE7E5
16.7%	16.7% #BDDFDD	RGB 189 223 221	#BDDFDD
33.3%	33.3% #ABD8D6	RGB 171 216 214	#ABD8D6
50.0%	50.0% #9AD0CF	RGB 154 208 207	#9AD0CF
66.7%	66.7% #88C9C7	RGB 136 201 199	#88C9C7
83.3%	83.3% #76C1C0	RGB 118 193 192	#76C1C0
100.0%	100.0% #65BAB9	RGB 101 186 185	#65BAB9

#CFE7E5 #BDDFDD #ABD8D6 #9AD0CF #88C9C7 #76C1C0 #65BAB9

#CFE7E5 - #65BAB9

HSV Blend

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

0.0%	0.0% #CFE7E5	RGB 207 231 229	#CFE7E5
16.7%	16.7% #BBDFDC	RGB 187 223 220	#BBDFDC
33.3%	33.3% #A8D8D5	RGB 168 216 213	#A8D8D5
50.0%	50.0% #96D0CD	RGB 150 208 205	#96D0CD
66.7%	66.7% #84C9C6	RGB 132 201 198	#84C9C6
83.3%	83.3% #74C1BF	RGB 116 193 191	#74C1BF
100.0%	100.0% #65BAB9	RGB 101 186 185	#65BAB9

#CFE7E5 #BBDFDC #A8D8D5 #96D0CD #84C9C6 #74C1BF #65BAB9

#CFE7E5 - #96D0CD - #65BAB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFE7E5 0%, #96D0CD 50%, #65BAB9 100%);
    background: -webkit-linear-gradient(top, #CFE7E5 0%, #96D0CD 50%, #65BAB9 100%);
    background: linear-gradient(to bottom, #CFE7E5 0%, #96D0CD 50%, #65BAB9 100%);
}
</style>