#D2D3DF - #838FB8 | 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 #D2D3DF to #838FB8

#D2D3DF #838FB8

Calculate the color between two colors, #D2D3DF and #838FB8. 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)

#D2D3DF - #838FB8 | 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 #D2D3DF as 0% and #838FB8 as 100%.

0.0%	0.0% #D2D3DF	RGB 210 211 223	#D2D3DF
16.7%	16.7% #C4C7D8	RGB 196 199 216	#C4C7D8
33.3%	33.3% #B7BCD2	RGB 183 188 210	#B7BCD2
50.0%	50.0% #AAB1CB	RGB 170 177 203	#AAB1CB
66.7%	66.7% #9DA5C5	RGB 157 165 197	#9DA5C5
83.3%	83.3% #909ABE	RGB 144 154 190	#909ABE
100.0%	100.0% #838FB8	RGB 131 143 184	#838FB8

#D2D3DF #C4C7D8 #B7BCD2 #AAB1CB #9DA5C5 #909ABE #838FB8

#D2D3DF - #838FB8

HSV Blend

#D2D3DF - #838FB8 | 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 #D2D3DF as 0% and #838FB8 as 100%.

0.0%	0.0% #D2D3DF	RGB 210 211 223	#D2D3DF
16.7%	16.7% #C3C5D8	RGB 195 197 216	#C3C5D8
33.3%	33.3% #B5B9D2	RGB 181 185 210	#B5B9D2
50.0%	50.0% #A8ADCB	RGB 168 173 203	#A8ADCB
66.7%	66.7% #9BA2C5	RGB 155 162 197	#9BA2C5
83.3%	83.3% #8E98BE	RGB 142 152 190	#8E98BE
100.0%	100.0% #838FB8	RGB 131 143 184	#838FB8

#D2D3DF #C3C5D8 #B5B9D2 #A8ADCB #9BA2C5 #8E98BE #838FB8

#D2D3DF - #A8ADCB - #838FB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D3DF 0%, #A8ADCB 50%, #838FB8 100%);
    background: -webkit-linear-gradient(top, #D2D3DF 0%, #A8ADCB 50%, #838FB8 100%);
    background: linear-gradient(to bottom, #D2D3DF 0%, #A8ADCB 50%, #838FB8 100%);
}
</style>