#CDEAF2 - #6DBAC0 | 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 #CDEAF2 to #6DBAC0

#CDEAF2 #6DBAC0

Calculate the color between two colors, #CDEAF2 and #6DBAC0. 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)

#CDEAF2 - #6DBAC0 | 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 #CDEAF2 as 0% and #6DBAC0 as 100%.

0.0%	0.0% #CDEAF2	RGB 205 234 242	#CDEAF2
16.7%	16.7% #BDE2E9	RGB 189 226 233	#BDE2E9
33.3%	33.3% #ADDAE1	RGB 173 218 225	#ADDAE1
50.0%	50.0% #9DD2D9	RGB 157 210 217	#9DD2D9
66.7%	66.7% #8DCAD0	RGB 141 202 208	#8DCAD0
83.3%	83.3% #7DC2C8	RGB 125 194 200	#7DC2C8
100.0%	100.0% #6DBAC0	RGB 109 186 192	#6DBAC0

#CDEAF2 #BDE2E9 #ADDAE1 #9DD2D9 #8DCAD0 #7DC2C8 #6DBAC0

#CDEAF2 - #6DBAC0

HSV Blend

#CDEAF2 - #6DBAC0 | 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 #CDEAF2 as 0% and #6DBAC0 as 100%.

0.0%	0.0% #CDEAF2	RGB 205 234 242	#CDEAF2
16.7%	16.7% #BBE0E9	RGB 187 224 233	#BBE0E9
33.3%	33.3% #A9D8E1	RGB 169 216 225	#A9D8E1
50.0%	50.0% #99CFD9	RGB 153 207 217	#99CFD9
66.7%	66.7% #89C8D0	RGB 137 200 208	#89C8D0
83.3%	83.3% #7BC0C8	RGB 123 192 200	#7BC0C8
100.0%	100.0% #6DBAC0	RGB 109 186 192	#6DBAC0

#CDEAF2 #BBE0E9 #A9D8E1 #99CFD9 #89C8D0 #7BC0C8 #6DBAC0

#CDEAF2 - #99CFD9 - #6DBAC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDEAF2 0%, #99CFD9 50%, #6DBAC0 100%);
    background: -webkit-linear-gradient(top, #CDEAF2 0%, #99CFD9 50%, #6DBAC0 100%);
    background: linear-gradient(to bottom, #CDEAF2 0%, #99CFD9 50%, #6DBAC0 100%);
}
</style>