#D3D5E3 - #768EAA | 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 #D3D5E3 to #768EAA

#D3D5E3 #768EAA

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

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

0.0%	0.0% #D3D5E3	RGB 211 213 227	#D3D5E3
16.7%	16.7% #C3C9D9	RGB 195 201 217	#C3C9D9
33.3%	33.3% #B4BDD0	RGB 180 189 208	#B4BDD0
50.0%	50.0% #A4B1C6	RGB 164 177 198	#A4B1C6
66.7%	66.7% #95A5BD	RGB 149 165 189	#95A5BD
83.3%	83.3% #8599B3	RGB 133 153 179	#8599B3
100.0%	100.0% #768EAA	RGB 118 142 170	#768EAA

#D3D5E3 #C3C9D9 #B4BDD0 #A4B1C6 #95A5BD #8599B3 #768EAA

#D3D5E3 - #768EAA

HSV Blend

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

0.0%	0.0% #D3D5E3	RGB 211 213 227	#D3D5E3
16.7%	16.7% #C1C5D9	RGB 193 197 217	#C1C5D9
33.3%	33.3% #B1B8D0	RGB 177 184 208	#B1B8D0
50.0%	50.0% #A1ACC6	RGB 161 172 198	#A1ACC6
66.7%	66.7% #92A1BD	RGB 146 161 189	#92A1BD
83.3%	83.3% #8397B3	RGB 131 151 179	#8397B3
100.0%	100.0% #768EAA	RGB 118 142 170	#768EAA

#D3D5E3 #C1C5D9 #B1B8D0 #A1ACC6 #92A1BD #8397B3 #768EAA

#D3D5E3 - #A1ACC6 - #768EAA

CSS codes

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

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