#CED7E5 - #758DAD | 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 #CED7E5 to #758DAD

#CED7E5 #758DAD

Calculate the color between two colors, #CED7E5 and #758DAD. 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)

#CED7E5 - #758DAD | 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 #CED7E5 as 0% and #758DAD as 100%.

0.0%	0.0% #CED7E5	RGB 206 215 229	#CED7E5
16.7%	16.7% #BFCADB	RGB 191 202 219	#BFCADB
33.3%	33.3% #B0BED2	RGB 176 190 210	#B0BED2
50.0%	50.0% #A1B2C9	RGB 161 178 201	#A1B2C9
66.7%	66.7% #92A5BF	RGB 146 165 191	#92A5BF
83.3%	83.3% #8399B6	RGB 131 153 182	#8399B6
100.0%	100.0% #758DAD	RGB 117 141 173	#758DAD

#CED7E5 #BFCADB #B0BED2 #A1B2C9 #92A5BF #8399B6 #758DAD

#CED7E5 - #758DAD

HSV Blend

#CED7E5 - #758DAD | 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 #CED7E5 as 0% and #758DAD as 100%.

0.0%	0.0% #CED7E5	RGB 206 215 229	#CED7E5
16.7%	16.7% #BDC9DB	RGB 189 201 219	#BDC9DB
33.3%	33.3% #ADBCD2	RGB 173 188 210	#ADBCD2
50.0%	50.0% #9EAFC9	RGB 158 175 201	#9EAFC9
66.7%	66.7% #8FA3BF	RGB 143 163 191	#8FA3BF
83.3%	83.3% #8298B6	RGB 130 152 182	#8298B6
100.0%	100.0% #758DAD	RGB 117 141 173	#758DAD

#CED7E5 #BDC9DB #ADBCD2 #9EAFC9 #8FA3BF #8298B6 #758DAD

#CED7E5 - #9EAFC9 - #758DAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CED7E5 0%, #9EAFC9 50%, #758DAD 100%);
    background: -webkit-linear-gradient(top, #CED7E5 0%, #9EAFC9 50%, #758DAD 100%);
    background: linear-gradient(to bottom, #CED7E5 0%, #9EAFC9 50%, #758DAD 100%);
}
</style>