#D9A2CB - #963E86 | 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 #D9A2CB to #963E86

#D9A2CB #963E86

Calculate the color between two colors, #D9A2CB and #963E86. 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)

#D9A2CB - #963E86 | 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 #D9A2CB as 0% and #963E86 as 100%.

0.0%	0.0% #D9A2CB	RGB 217 162 203	#D9A2CB
16.7%	16.7% #CD91BF	RGB 205 145 191	#CD91BF
33.3%	33.3% #C280B4	RGB 194 128 180	#C280B4
50.0%	50.0% #B770A8	RGB 183 112 168	#B770A8
66.7%	66.7% #AC5F9D	RGB 172 95 157	#AC5F9D
83.3%	83.3% #A14E91	RGB 161 78 145	#A14E91
100.0%	100.0% #963E86	RGB 150 62 134	#963E86

#D9A2CB #CD91BF #C280B4 #B770A8 #AC5F9D #A14E91 #963E86

#D9A2CB - #963E86

HSV Blend

#D9A2CB - #963E86 | 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 #D9A2CB as 0% and #963E86 as 100%.

0.0%	0.0% #D9A2CB	RGB 217 162 203	#D9A2CB
16.7%	16.7% #CD8EBE	RGB 205 142 190	#CD8EBE
33.3%	33.3% #C27BB2	RGB 194 123 178	#C27BB2
50.0%	50.0% #B76AA6	RGB 183 106 166	#B76AA6
66.7%	66.7% #AC5A9B	RGB 172 90 155	#AC5A9B
83.3%	83.3% #A14B90	RGB 161 75 144	#A14B90
100.0%	100.0% #963E86	RGB 150 62 134	#963E86

#D9A2CB #CD8EBE #C27BB2 #B76AA6 #AC5A9B #A14B90 #963E86

#D9A2CB - #B76AA6 - #963E86

CSS codes

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

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