#84007F - #DBB6D9 | 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 #84007F to #DBB6D9

#84007F #DBB6D9

Calculate the color between two colors, #84007F and #DBB6D9. 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)

#84007F - #DBB6D9 | 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 #84007F as 0% and #DBB6D9 as 100%.

0.0%	0.0% #84007F	RGB 132 0 127	#84007F
16.7%	16.7% #921E8E	RGB 146 30 142	#921E8E
33.3%	33.3% #A13C9D	RGB 161 60 157	#A13C9D
50.0%	50.0% #AF5BAC	RGB 175 91 172	#AF5BAC
66.7%	66.7% #BE79BB	RGB 190 121 187	#BE79BB
83.3%	83.3% #CC97CA	RGB 204 151 202	#CC97CA
100.0%	100.0% #DBB6D9	RGB 219 182 217	#DBB6D9

#84007F #921E8E #A13C9D #AF5BAC #BE79BB #CC97CA #DBB6D9

#84007F - #DBB6D9

HSV Blend

#84007F - #DBB6D9 | 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 #84007F as 0% and #DBB6D9 as 100%.

0.0%	0.0% #84007F	RGB 132 0 127	#84007F
16.7%	16.7% #92148D	RGB 146 20 141	#92148D
33.3%	33.3% #A12C9B	RGB 161 44 155	#A12C9B
50.0%	50.0% #AF48AA	RGB 175 72 170	#AF48AA
66.7%	66.7% #BE69B9	RGB 190 105 185	#BE69B9
83.3%	83.3% #CC8DC9	RGB 204 141 201	#CC8DC9
100.0%	100.0% #DBB6D9	RGB 219 182 217	#DBB6D9

#84007F #92148D #A12C9B #AF48AA #BE69B9 #CC8DC9 #DBB6D9

#84007F - #AF48AA - #DBB6D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84007F 0%, #AF48AA 50%, #DBB6D9 100%);
    background: -webkit-linear-gradient(top, #84007F 0%, #AF48AA 50%, #DBB6D9 100%);
    background: linear-gradient(to bottom, #84007F 0%, #AF48AA 50%, #DBB6D9 100%);
}
</style>