#842B7F - #DBC2D9 | 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 #842B7F to #DBC2D9

#842B7F #DBC2D9

Calculate the color between two colors, #842B7F and #DBC2D9. 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)

#842B7F - #DBC2D9 | 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 #842B7F as 0% and #DBC2D9 as 100%.

0.0%	0.0% #842B7F	RGB 132 43 127	#842B7F
16.7%	16.7% #92448E	RGB 146 68 142	#92448E
33.3%	33.3% #A15D9D	RGB 161 93 157	#A15D9D
50.0%	50.0% #AF76AC	RGB 175 118 172	#AF76AC
66.7%	66.7% #BE8FBB	RGB 190 143 187	#BE8FBB
83.3%	83.3% #CCA8CA	RGB 204 168 202	#CCA8CA
100.0%	100.0% #DBC2D9	RGB 219 194 217	#DBC2D9

#842B7F #92448E #A15D9D #AF76AC #BE8FBB #CCA8CA #DBC2D9

#842B7F - #DBC2D9

HSV Blend

#842B7F - #DBC2D9 | 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 #842B7F as 0% and #DBC2D9 as 100%.

0.0%	0.0% #842B7F	RGB 132 43 127	#842B7F
16.7%	16.7% #923D8D	RGB 146 61 141	#923D8D
33.3%	33.3% #A1529B	RGB 161 82 155	#A1529B
50.0%	50.0% #AF6AAA	RGB 175 106 170	#AF6AAA
66.7%	66.7% #BE84B9	RGB 190 132 185	#BE84B9
83.3%	83.3% #CCA2C9	RGB 204 162 201	#CCA2C9
100.0%	100.0% #DBC2D9	RGB 219 194 217	#DBC2D9

#842B7F #923D8D #A1529B #AF6AAA #BE84B9 #CCA2C9 #DBC2D9

#842B7F - #AF6AAA - #DBC2D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #842B7F 0%, #AF6AAA 50%, #DBC2D9 100%);
    background: -webkit-linear-gradient(top, #842B7F 0%, #AF6AAA 50%, #DBC2D9 100%);
    background: linear-gradient(to bottom, #842B7F 0%, #AF6AAA 50%, #DBC2D9 100%);
}
</style>