#D0B2D0 - #AD5EAC | 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 #D0B2D0 to #AD5EAC

#D0B2D0 #AD5EAC

Calculate the color between two colors, #D0B2D0 and #AD5EAC. 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)

#D0B2D0 - #AD5EAC | 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 #D0B2D0 as 0% and #AD5EAC as 100%.

0.0%	0.0% #D0B2D0	RGB 208 178 208	#D0B2D0
16.7%	16.7% #CAA4CA	RGB 202 164 202	#CAA4CA
33.3%	33.3% #C496C4	RGB 196 150 196	#C496C4
50.0%	50.0% #BE88BE	RGB 190 136 190	#BE88BE
66.7%	66.7% #B87AB8	RGB 184 122 184	#B87AB8
83.3%	83.3% #B26CB2	RGB 178 108 178	#B26CB2
100.0%	100.0% #AD5EAC	RGB 173 94 172	#AD5EAC

#D0B2D0 #CAA4CA #C496C4 #BE88BE #B87AB8 #B26CB2 #AD5EAC

#D0B2D0 - #AD5EAC

HSV Blend

#D0B2D0 - #AD5EAC | 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 #D0B2D0 as 0% and #AD5EAC as 100%.

0.0%	0.0% #D0B2D0	RGB 208 178 208	#D0B2D0
16.7%	16.7% #CAA2CA	RGB 202 162 202	#CAA2CA
33.3%	33.3% #C493C4	RGB 196 147 196	#C493C4
50.0%	50.0% #BE85BE	RGB 190 133 190	#BE85BE
66.7%	66.7% #B877B8	RGB 184 119 184	#B877B8
83.3%	83.3% #B26AB2	RGB 178 106 178	#B26AB2
100.0%	100.0% #AD5EAC	RGB 173 94 172	#AD5EAC

#D0B2D0 #CAA2CA #C493C4 #BE85BE #B877B8 #B26AB2 #AD5EAC

#D0B2D0 - #BE85BE - #AD5EAC

CSS codes

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

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