#D1B5E3 - #A350B4 | 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 #D1B5E3 to #A350B4

#D1B5E3 #A350B4

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

#D1B5E3 - #A350B4 | 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 #D1B5E3 as 0% and #A350B4 as 100%.

0.0%	0.0% #D1B5E3	RGB 209 181 227	#D1B5E3
16.7%	16.7% #C9A4DB	RGB 201 164 219	#C9A4DB
33.3%	33.3% #C193D3	RGB 193 147 211	#C193D3
50.0%	50.0% #BA82CB	RGB 186 130 203	#BA82CB
66.7%	66.7% #B271C3	RGB 178 113 195	#B271C3
83.3%	83.3% #AA60BB	RGB 170 96 187	#AA60BB
100.0%	100.0% #A350B4	RGB 163 80 180	#A350B4

#D1B5E3 #C9A4DB #C193D3 #BA82CB #B271C3 #AA60BB #A350B4

#D1B5E3 - #A350B4

HSV Blend

#D1B5E3 - #A350B4 | 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 #D1B5E3 as 0% and #A350B4 as 100%.

0.0%	0.0% #D1B5E3	RGB 209 181 227	#D1B5E3
16.7%	16.7% #C6A1DB	RGB 198 161 219	#C6A1DB
33.3%	33.3% #BD8FD3	RGB 189 143 211	#BD8FD3
50.0%	50.0% #B57ECB	RGB 181 126 203	#B57ECB
66.7%	66.7% #AE6DC3	RGB 174 109 195	#AE6DC3
83.3%	83.3% #A85EBB	RGB 168 94 187	#A85EBB
100.0%	100.0% #A350B4	RGB 163 80 180	#A350B4

#D1B5E3 #C6A1DB #BD8FD3 #B57ECB #AE6DC3 #A85EBB #A350B4

#D1B5E3 - #B57ECB - #A350B4

CSS codes

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

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