#CFE5E3 - #65B7B6 | 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 #CFE5E3 to #65B7B6

#CFE5E3 #65B7B6

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

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

0.0%	0.0% #CFE5E3	RGB 207 229 227	#CFE5E3
16.7%	16.7% #BDDDDB	RGB 189 221 219	#BDDDDB
33.3%	33.3% #ABD5D4	RGB 171 213 212	#ABD5D4
50.0%	50.0% #9ACECC	RGB 154 206 204	#9ACECC
66.7%	66.7% #88C6C5	RGB 136 198 197	#88C6C5
83.3%	83.3% #76BEBD	RGB 118 190 189	#76BEBD
100.0%	100.0% #65B7B6	RGB 101 183 182	#65B7B6

#CFE5E3 #BDDDDB #ABD5D4 #9ACECC #88C6C5 #76BEBD #65B7B6

#CFE5E3 - #65B7B6

HSV Blend

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

0.0%	0.0% #CFE5E3	RGB 207 229 227	#CFE5E3
16.7%	16.7% #BBDDDA	RGB 187 221 218	#BBDDDA
33.3%	33.3% #A8D5D2	RGB 168 213 210	#A8D5D2
50.0%	50.0% #95CECB	RGB 149 206 203	#95CECB
66.7%	66.7% #84C6C3	RGB 132 198 195	#84C6C3
83.3%	83.3% #74BEBC	RGB 116 190 188	#74BEBC
100.0%	100.0% #65B7B6	RGB 101 183 182	#65B7B6

#CFE5E3 #BBDDDA #A8D5D2 #95CECB #84C6C3 #74BEBC #65B7B6

#CFE5E3 - #95CECB - #65B7B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFE5E3 0%, #95CECB 50%, #65B7B6 100%);
    background: -webkit-linear-gradient(top, #CFE5E3 0%, #95CECB 50%, #65B7B6 100%);
    background: linear-gradient(to bottom, #CFE5E3 0%, #95CECB 50%, #65B7B6 100%);
}
</style>