#CFE3E2 - #65B4B5 | 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 #CFE3E2 to #65B4B5

#CFE3E2 #65B4B5

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

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

0.0%	0.0% #CFE3E2	RGB 207 227 226	#CFE3E2
16.7%	16.7% #BDDBDA	RGB 189 219 218	#BDDBDA
33.3%	33.3% #ABD3D3	RGB 171 211 211	#ABD3D3
50.0%	50.0% #9ACBCB	RGB 154 203 203	#9ACBCB
66.7%	66.7% #88C3C4	RGB 136 195 196	#88C3C4
83.3%	83.3% #76BBBC	RGB 118 187 188	#76BBBC
100.0%	100.0% #65B4B5	RGB 101 180 181	#65B4B5

#CFE3E2 #BDDBDA #ABD3D3 #9ACBCB #88C3C4 #76BBBC #65B4B5

#CFE3E2 - #65B4B5

HSV Blend

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

0.0%	0.0% #CFE3E2	RGB 207 227 226	#CFE3E2
16.7%	16.7% #BBDBDA	RGB 187 219 218	#BBDBDA
33.3%	33.3% #A8D3D2	RGB 168 211 210	#A8D3D2
50.0%	50.0% #95CCCA	RGB 149 204 202	#95CCCA
66.7%	66.7% #84C4C3	RGB 132 196 195	#84C4C3
83.3%	83.3% #74BCBC	RGB 116 188 188	#74BCBC
100.0%	100.0% #65B4B5	RGB 101 180 181	#65B4B5

#CFE3E2 #BBDBDA #A8D3D2 #95CCCA #84C4C3 #74BCBC #65B4B5

#CFE3E2 - #95CCCA - #65B4B5

CSS codes

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

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