#D6A8D1 - #AE3E89 | 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 #D6A8D1 to #AE3E89

#D6A8D1 #AE3E89

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

#D6A8D1 - #AE3E89 | 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 #D6A8D1 as 0% and #AE3E89 as 100%.

0.0%	0.0% #D6A8D1	RGB 214 168 209	#D6A8D1
16.7%	16.7% #CF96C5	RGB 207 150 197	#CF96C5
33.3%	33.3% #C884B9	RGB 200 132 185	#C884B9
50.0%	50.0% #C273AD	RGB 194 115 173	#C273AD
66.7%	66.7% #BB61A1	RGB 187 97 161	#BB61A1
83.3%	83.3% #B44F95	RGB 180 79 149	#B44F95
100.0%	100.0% #AE3E89	RGB 174 62 137	#AE3E89

#D6A8D1 #CF96C5 #C884B9 #C273AD #BB61A1 #B44F95 #AE3E89

#D6A8D1 - #AE3E89

HSV Blend

#D6A8D1 - #AE3E89 | 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 #D6A8D1 as 0% and #AE3E89 as 100%.

0.0%	0.0% #D6A8D1	RGB 214 168 209	#D6A8D1
16.7%	16.7% #CF93C6	RGB 207 147 198	#CF93C6
33.3%	33.3% #C880BB	RGB 200 128 187	#C880BB
50.0%	50.0% #C26EAF	RGB 194 110 175	#C26EAF
66.7%	66.7% #BB5DA3	RGB 187 93 163	#BB5DA3
83.3%	83.3% #B44D96	RGB 180 77 150	#B44D96
100.0%	100.0% #AE3E89	RGB 174 62 137	#AE3E89

#D6A8D1 #CF93C6 #C880BB #C26EAF #BB5DA3 #B44D96 #AE3E89

#D6A8D1 - #C26EAF - #AE3E89

CSS codes

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

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