#CEDFE4 - #729BC0 | 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 #CEDFE4 to #729BC0

#CEDFE4 #729BC0

Calculate the color between two colors, #CEDFE4 and #729BC0. 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)

#CEDFE4 - #729BC0 | 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 #CEDFE4 as 0% and #729BC0 as 100%.

0.0%	0.0% #CEDFE4	RGB 206 223 228	#CEDFE4
16.7%	16.7% #BED3DE	RGB 190 211 222	#BED3DE
33.3%	33.3% #AFC8D8	RGB 175 200 216	#AFC8D8
50.0%	50.0% #A0BDD2	RGB 160 189 210	#A0BDD2
66.7%	66.7% #90B1CC	RGB 144 177 204	#90B1CC
83.3%	83.3% #81A6C6	RGB 129 166 198	#81A6C6
100.0%	100.0% #729BC0	RGB 114 155 192	#729BC0

#CEDFE4 #BED3DE #AFC8D8 #A0BDD2 #90B1CC #81A6C6 #729BC0

#CEDFE4 - #729BC0

HSV Blend

#CEDFE4 - #729BC0 | 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 #CEDFE4 as 0% and #729BC0 as 100%.

0.0%	0.0% #CEDFE4	RGB 206 223 228	#CEDFE4
16.7%	16.7% #BDD5DE	RGB 189 213 222	#BDD5DE
33.3%	33.3% #ACCAD8	RGB 172 202 216	#ACCAD8
50.0%	50.0% #9DBFD2	RGB 157 191 210	#9DBFD2
66.7%	66.7% #8EB3CC	RGB 142 179 204	#8EB3CC
83.3%	83.3% #7FA7C6	RGB 127 167 198	#7FA7C6
100.0%	100.0% #729BC0	RGB 114 155 192	#729BC0

#CEDFE4 #BDD5DE #ACCAD8 #9DBFD2 #8EB3CC #7FA7C6 #729BC0

#CEDFE4 - #9DBFD2 - #729BC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEDFE4 0%, #9DBFD2 50%, #729BC0 100%);
    background: -webkit-linear-gradient(top, #CEDFE4 0%, #9DBFD2 50%, #729BC0 100%);
    background: linear-gradient(to bottom, #CEDFE4 0%, #9DBFD2 50%, #729BC0 100%);
}
</style>