#CEDCDB - #65AAAB | 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 #CEDCDB to #65AAAB

#CEDCDB #65AAAB

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

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

0.0%	0.0% #CEDCDB	RGB 206 220 219	#CEDCDB
16.7%	16.7% #BCD3D3	RGB 188 211 211	#BCD3D3
33.3%	33.3% #ABCBCB	RGB 171 203 203	#ABCBCB
50.0%	50.0% #99C3C3	RGB 153 195 195	#99C3C3
66.7%	66.7% #88BABB	RGB 136 186 187	#88BABB
83.3%	83.3% #76B2B3	RGB 118 178 179	#76B2B3
100.0%	100.0% #65AAAB	RGB 101 170 171	#65AAAB

#CEDCDB #BCD3D3 #ABCBCB #99C3C3 #88BABB #76B2B3 #65AAAB

#CEDCDB - #65AAAB

HSV Blend

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

0.0%	0.0% #CEDCDB	RGB 206 220 219	#CEDCDB
16.7%	16.7% #BAD3D2	RGB 186 211 210	#BAD3D2
33.3%	33.3% #A7CBCA	RGB 167 203 202	#A7CBCA
50.0%	50.0% #95C3C2	RGB 149 195 194	#95C3C2
66.7%	66.7% #84BBBA	RGB 132 187 186	#84BBBA
83.3%	83.3% #74B3B3	RGB 116 179 179	#74B3B3
100.0%	100.0% #65AAAB	RGB 101 170 171	#65AAAB

#CEDCDB #BAD3D2 #A7CBCA #95C3C2 #84BBBA #74B3B3 #65AAAB

#CEDCDB - #95C3C2 - #65AAAB

CSS codes

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

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