#D9C3D9 - #846F96 | 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 #D9C3D9 to #846F96

#D9C3D9 #846F96

Calculate the color between two colors, #D9C3D9 and #846F96. 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)

#D9C3D9 - #846F96 | 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 #D9C3D9 as 0% and #846F96 as 100%.

0.0%	0.0% #D9C3D9	RGB 217 195 217	#D9C3D9
16.7%	16.7% #CAB5CD	RGB 202 181 205	#CAB5CD
33.3%	33.3% #BCA7C2	RGB 188 167 194	#BCA7C2
50.0%	50.0% #AE99B7	RGB 174 153 183	#AE99B7
66.7%	66.7% #A08BAC	RGB 160 139 172	#A08BAC
83.3%	83.3% #927DA1	RGB 146 125 161	#927DA1
100.0%	100.0% #846F96	RGB 132 111 150	#846F96

#D9C3D9 #CAB5CD #BCA7C2 #AE99B7 #A08BAC #927DA1 #846F96

#D9C3D9 - #846F96

HSV Blend

#D9C3D9 - #846F96 | 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 #D9C3D9 as 0% and #846F96 as 100%.

0.0%	0.0% #D9C3D9	RGB 217 195 217	#D9C3D9
16.7%	16.7% #CBB3CD	RGB 203 179 205	#CBB3CD
33.3%	33.3% #BEA4C2	RGB 190 164 194	#BEA4C2
50.0%	50.0% #AF96B7	RGB 175 150 183	#AF96B7
66.7%	66.7% #A188AC	RGB 161 136 172	#A188AC
83.3%	83.3% #927BA1	RGB 146 123 161	#927BA1
100.0%	100.0% #846F96	RGB 132 111 150	#846F96

#D9C3D9 #CBB3CD #BEA4C2 #AF96B7 #A188AC #927BA1 #846F96

#D9C3D9 - #AF96B7 - #846F96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9C3D9 0%, #AF96B7 50%, #846F96 100%);
    background: -webkit-linear-gradient(top, #D9C3D9 0%, #AF96B7 50%, #846F96 100%);
    background: linear-gradient(to bottom, #D9C3D9 0%, #AF96B7 50%, #846F96 100%);
}
</style>