#D0C7DF - #845DAF | 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 #D0C7DF to #845DAF

#D0C7DF #845DAF

Calculate the color between two colors, #D0C7DF and #845DAF. 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)

#D0C7DF - #845DAF | 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 #D0C7DF as 0% and #845DAF as 100%.

0.0%	0.0% #D0C7DF	RGB 208 199 223	#D0C7DF
16.7%	16.7% #C3B5D7	RGB 195 181 215	#C3B5D7
33.3%	33.3% #B6A3CF	RGB 182 163 207	#B6A3CF
50.0%	50.0% #AA92C7	RGB 170 146 199	#AA92C7
66.7%	66.7% #9D80BF	RGB 157 128 191	#9D80BF
83.3%	83.3% #906EB7	RGB 144 110 183	#906EB7
100.0%	100.0% #845DAF	RGB 132 93 175	#845DAF

#D0C7DF #C3B5D7 #B6A3CF #AA92C7 #9D80BF #906EB7 #845DAF

#D0C7DF - #845DAF

HSV Blend

#D0C7DF - #845DAF | 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 #D0C7DF as 0% and #845DAF as 100%.

0.0%	0.0% #D0C7DF	RGB 208 199 223	#D0C7DF
16.7%	16.7% #C1B2D7	RGB 193 178 215	#C1B2D7
33.3%	33.3% #B39FCF	RGB 179 159 207	#B39FCF
50.0%	50.0% #A68DC7	RGB 166 141 199	#A68DC7
66.7%	66.7% #997CBF	RGB 153 124 191	#997CBF
83.3%	83.3% #8E6CB7	RGB 142 108 183	#8E6CB7
100.0%	100.0% #845DAF	RGB 132 93 175	#845DAF

#D0C7DF #C1B2D7 #B39FCF #A68DC7 #997CBF #8E6CB7 #845DAF

#D0C7DF - #A68DC7 - #845DAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0C7DF 0%, #A68DC7 50%, #845DAF 100%);
    background: -webkit-linear-gradient(top, #D0C7DF 0%, #A68DC7 50%, #845DAF 100%);
    background: linear-gradient(to bottom, #D0C7DF 0%, #A68DC7 50%, #845DAF 100%);
}
</style>