#CDD5E5 - #738BAD | 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 #CDD5E5 to #738BAD

#CDD5E5 #738BAD

Calculate the color between two colors, #CDD5E5 and #738BAD. 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)

#CDD5E5 - #738BAD | 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 #CDD5E5 as 0% and #738BAD as 100%.

0.0%	0.0% #CDD5E5	RGB 205 213 229	#CDD5E5
16.7%	16.7% #BEC8DB	RGB 190 200 219	#BEC8DB
33.3%	33.3% #AFBCD2	RGB 175 188 210	#AFBCD2
50.0%	50.0% #A0B0C9	RGB 160 176 201	#A0B0C9
66.7%	66.7% #91A3BF	RGB 145 163 191	#91A3BF
83.3%	83.3% #8297B6	RGB 130 151 182	#8297B6
100.0%	100.0% #738BAD	RGB 115 139 173	#738BAD

#CDD5E5 #BEC8DB #AFBCD2 #A0B0C9 #91A3BF #8297B6 #738BAD

#CDD5E5 - #738BAD

HSV Blend

#CDD5E5 - #738BAD | 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 #CDD5E5 as 0% and #738BAD as 100%.

0.0%	0.0% #CDD5E5	RGB 205 213 229	#CDD5E5
16.7%	16.7% #BCC7DB	RGB 188 199 219	#BCC7DB
33.3%	33.3% #ACB9D2	RGB 172 185 210	#ACB9D2
50.0%	50.0% #9CADC9	RGB 156 173 201	#9CADC9
66.7%	66.7% #8EA1BF	RGB 142 161 191	#8EA1BF
83.3%	83.3% #8095B6	RGB 128 149 182	#8095B6
100.0%	100.0% #738BAD	RGB 115 139 173	#738BAD

#CDD5E5 #BCC7DB #ACB9D2 #9CADC9 #8EA1BF #8095B6 #738BAD

#CDD5E5 - #9CADC9 - #738BAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDD5E5 0%, #9CADC9 50%, #738BAD 100%);
    background: -webkit-linear-gradient(top, #CDD5E5 0%, #9CADC9 50%, #738BAD 100%);
    background: linear-gradient(to bottom, #CDD5E5 0%, #9CADC9 50%, #738BAD 100%);
}
</style>