#CED7EC - #728DB8 | 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 #CED7EC to #728DB8

#CED7EC #728DB8

Calculate the color between two colors, #CED7EC and #728DB8. 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)

#CED7EC - #728DB8 | 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 #CED7EC as 0% and #728DB8 as 100%.

0.0%	0.0% #CED7EC	RGB 206 215 236	#CED7EC
16.7%	16.7% #BECAE3	RGB 190 202 227	#BECAE3
33.3%	33.3% #AFBEDA	RGB 175 190 218	#AFBEDA
50.0%	50.0% #A0B2D2	RGB 160 178 210	#A0B2D2
66.7%	66.7% #90A5C9	RGB 144 165 201	#90A5C9
83.3%	83.3% #8199C0	RGB 129 153 192	#8199C0
100.0%	100.0% #728DB8	RGB 114 141 184	#728DB8

#CED7EC #BECAE3 #AFBEDA #A0B2D2 #90A5C9 #8199C0 #728DB8

#CED7EC - #728DB8

HSV Blend

#CED7EC - #728DB8 | 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 #CED7EC as 0% and #728DB8 as 100%.

0.0%	0.0% #CED7EC	RGB 206 215 236	#CED7EC
16.7%	16.7% #BCC8E3	RGB 188 200 227	#BCC8E3
33.3%	33.3% #ACBBDA	RGB 172 187 218	#ACBBDA
50.0%	50.0% #9CAED2	RGB 156 174 210	#9CAED2
66.7%	66.7% #8DA3C9	RGB 141 163 201	#8DA3C9
83.3%	83.3% #7F97C0	RGB 127 151 192	#7F97C0
100.0%	100.0% #728DB8	RGB 114 141 184	#728DB8

#CED7EC #BCC8E3 #ACBBDA #9CAED2 #8DA3C9 #7F97C0 #728DB8

#CED7EC - #9CAED2 - #728DB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CED7EC 0%, #9CAED2 50%, #728DB8 100%);
    background: -webkit-linear-gradient(top, #CED7EC 0%, #9CAED2 50%, #728DB8 100%);
    background: linear-gradient(to bottom, #CED7EC 0%, #9CAED2 50%, #728DB8 100%);
}
</style>