#D2D3E5 - #828DC0 | 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 #D2D3E5 to #828DC0

#D2D3E5 #828DC0

Calculate the color between two colors, #D2D3E5 and #828DC0. 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)

#D2D3E5 - #828DC0 | 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 #D2D3E5 as 0% and #828DC0 as 100%.

0.0%	0.0% #D2D3E5	RGB 210 211 229	#D2D3E5
16.7%	16.7% #C4C7DE	RGB 196 199 222	#C4C7DE
33.3%	33.3% #B7BBD8	RGB 183 187 216	#B7BBD8
50.0%	50.0% #AAB0D2	RGB 170 176 210	#AAB0D2
66.7%	66.7% #9CA4CC	RGB 156 164 204	#9CA4CC
83.3%	83.3% #8F98C6	RGB 143 152 198	#8F98C6
100.0%	100.0% #828DC0	RGB 130 141 192	#828DC0

#D2D3E5 #C4C7DE #B7BBD8 #AAB0D2 #9CA4CC #8F98C6 #828DC0

#D2D3E5 - #828DC0

HSV Blend

#D2D3E5 - #828DC0 | 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 #D2D3E5 as 0% and #828DC0 as 100%.

0.0%	0.0% #D2D3E5	RGB 210 211 229	#D2D3E5
16.7%	16.7% #C3C5DE	RGB 195 197 222	#C3C5DE
33.3%	33.3% #B5B8D8	RGB 181 184 216	#B5B8D8
50.0%	50.0% #A7ACD2	RGB 167 172 210	#A7ACD2
66.7%	66.7% #9AA1CC	RGB 154 161 204	#9AA1CC
83.3%	83.3% #8E96C6	RGB 142 150 198	#8E96C6
100.0%	100.0% #828DC0	RGB 130 141 192	#828DC0

#D2D3E5 #C3C5DE #B5B8D8 #A7ACD2 #9AA1CC #8E96C6 #828DC0

#D2D3E5 - #A7ACD2 - #828DC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D3E5 0%, #A7ACD2 50%, #828DC0 100%);
    background: -webkit-linear-gradient(top, #D2D3E5 0%, #A7ACD2 50%, #828DC0 100%);
    background: linear-gradient(to bottom, #D2D3E5 0%, #A7ACD2 50%, #828DC0 100%);
}
</style>