#D2D5E3 - #768DAA | 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 #D2D5E3 to #768DAA

#D2D5E3 #768DAA

Calculate the color between two colors, #D2D5E3 and #768DAA. 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)

#D2D5E3 - #768DAA | 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 #D2D5E3 as 0% and #768DAA as 100%.

0.0%	0.0% #D2D5E3	RGB 210 213 227	#D2D5E3
16.7%	16.7% #C2C9D9	RGB 194 201 217	#C2C9D9
33.3%	33.3% #B3BDD0	RGB 179 189 208	#B3BDD0
50.0%	50.0% #A4B1C6	RGB 164 177 198	#A4B1C6
66.7%	66.7% #94A5BD	RGB 148 165 189	#94A5BD
83.3%	83.3% #8599B3	RGB 133 153 179	#8599B3
100.0%	100.0% #768DAA	RGB 118 141 170	#768DAA

#D2D5E3 #C2C9D9 #B3BDD0 #A4B1C6 #94A5BD #8599B3 #768DAA

#D2D5E3 - #768DAA

HSV Blend

#D2D5E3 - #768DAA | 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 #D2D5E3 as 0% and #768DAA as 100%.

0.0%	0.0% #D2D5E3	RGB 210 213 227	#D2D5E3
16.7%	16.7% #C0C6D9	RGB 192 198 217	#C0C6D9
33.3%	33.3% #B0B8D0	RGB 176 184 208	#B0B8D0
50.0%	50.0% #A0ACC6	RGB 160 172 198	#A0ACC6
66.7%	66.7% #91A1BD	RGB 145 161 189	#91A1BD
83.3%	83.3% #8396B3	RGB 131 150 179	#8396B3
100.0%	100.0% #768DAA	RGB 118 141 170	#768DAA

#D2D5E3 #C0C6D9 #B0B8D0 #A0ACC6 #91A1BD #8396B3 #768DAA

#D2D5E3 - #A0ACC6 - #768DAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D5E3 0%, #A0ACC6 50%, #768DAA 100%);
    background: -webkit-linear-gradient(top, #D2D5E3 0%, #A0ACC6 50%, #768DAA 100%);
    background: linear-gradient(to bottom, #D2D5E3 0%, #A0ACC6 50%, #768DAA 100%);
}
</style>