#CFFCF0 - #65DBCB | 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 #CFFCF0 to #65DBCB

#CFFCF0 #65DBCB

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

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

0.0%	0.0% #CFFCF0	RGB 207 252 240	#CFFCF0
16.7%	16.7% #BDF6E9	RGB 189 246 233	#BDF6E9
33.3%	33.3% #ABF1E3	RGB 171 241 227	#ABF1E3
50.0%	50.0% #9AEBDD	RGB 154 235 221	#9AEBDD
66.7%	66.7% #88E6D7	RGB 136 230 215	#88E6D7
83.3%	83.3% #76E0D1	RGB 118 224 209	#76E0D1
100.0%	100.0% #65DBCB	RGB 101 219 203	#65DBCB

#CFFCF0 #BDF6E9 #ABF1E3 #9AEBDD #88E6D7 #76E0D1 #65DBCB

#CFFCF0 - #65DBCB

HSV Blend

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

0.0%	0.0% #CFFCF0	RGB 207 252 240	#CFFCF0
16.7%	16.7% #BBF6E8	RGB 187 246 232	#BBF6E8
33.3%	33.3% #A9F1E0	RGB 169 241 224	#A9F1E0
50.0%	50.0% #97EBDA	RGB 151 235 218	#97EBDA
66.7%	66.7% #85E6D4	RGB 133 230 212	#85E6D4
83.3%	83.3% #75E0CF	RGB 117 224 207	#75E0CF
100.0%	100.0% #65DBCB	RGB 101 219 203	#65DBCB

#CFFCF0 #BBF6E8 #A9F1E0 #97EBDA #85E6D4 #75E0CF #65DBCB

#CFFCF0 - #97EBDA - #65DBCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFFCF0 0%, #97EBDA 50%, #65DBCB 100%);
    background: -webkit-linear-gradient(top, #CFFCF0 0%, #97EBDA 50%, #65DBCB 100%);
    background: linear-gradient(to bottom, #CFFCF0 0%, #97EBDA 50%, #65DBCB 100%);
}
</style>