#D5D5E5 - #758FAD | 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 #D5D5E5 to #758FAD

#D5D5E5 #758FAD

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

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

0.0%	0.0% #D5D5E5	RGB 213 213 229	#D5D5E5
16.7%	16.7% #C5C9DB	RGB 197 201 219	#C5C9DB
33.3%	33.3% #B5BDD2	RGB 181 189 210	#B5BDD2
50.0%	50.0% #A5B2C9	RGB 165 178 201	#A5B2C9
66.7%	66.7% #95A6BF	RGB 149 166 191	#95A6BF
83.3%	83.3% #859AB6	RGB 133 154 182	#859AB6
100.0%	100.0% #758FAD	RGB 117 143 173	#758FAD

#D5D5E5 #C5C9DB #B5BDD2 #A5B2C9 #95A6BF #859AB6 #758FAD

#D5D5E5 - #758FAD

HSV Blend

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

0.0%	0.0% #D5D5E5	RGB 213 213 229	#D5D5E5
16.7%	16.7% #C3C4DB	RGB 195 196 219	#C3C4DB
33.3%	33.3% #B1B6D2	RGB 177 182 210	#B1B6D2
50.0%	50.0% #A1AAC9	RGB 161 170 201	#A1AAC9
66.7%	66.7% #91A0BF	RGB 145 160 191	#91A0BF
83.3%	83.3% #8396B6	RGB 131 150 182	#8396B6
100.0%	100.0% #758FAD	RGB 117 143 173	#758FAD

#D5D5E5 #C3C4DB #B1B6D2 #A1AAC9 #91A0BF #8396B6 #758FAD

#D5D5E5 - #A1AAC9 - #758FAD

CSS codes

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

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