#CFFAFC - #65C7DB | 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 #CFFAFC to #65C7DB

#CFFAFC #65C7DB

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

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

0.0%	0.0% #CFFAFC	RGB 207 250 252	#CFFAFC
16.7%	16.7% #BDF1F6	RGB 189 241 246	#BDF1F6
33.3%	33.3% #ABE9F1	RGB 171 233 241	#ABE9F1
50.0%	50.0% #9AE0EB	RGB 154 224 235	#9AE0EB
66.7%	66.7% #88D8E6	RGB 136 216 230	#88D8E6
83.3%	83.3% #76CFE0	RGB 118 207 224	#76CFE0
100.0%	100.0% #65C7DB	RGB 101 199 219	#65C7DB

#CFFAFC #BDF1F6 #ABE9F1 #9AE0EB #88D8E6 #76CFE0 #65C7DB

#CFFAFC - #65C7DB

HSV Blend

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

0.0%	0.0% #CFFAFC	RGB 207 250 252	#CFFAFC
16.7%	16.7% #BBF2F6	RGB 187 242 246	#BBF2F6
33.3%	33.3% #A9EAF1	RGB 169 234 241	#A9EAF1
50.0%	50.0% #97E2EB	RGB 151 226 235	#97E2EB
66.7%	66.7% #85D9E6	RGB 133 217 230	#85D9E6
83.3%	83.3% #75D0E0	RGB 117 208 224	#75D0E0
100.0%	100.0% #65C7DB	RGB 101 199 219	#65C7DB

#CFFAFC #BBF2F6 #A9EAF1 #97E2EB #85D9E6 #75D0E0 #65C7DB

#CFFAFC - #97E2EB - #65C7DB

CSS codes

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

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