#DA9FBC - #AA3E6F | 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 #DA9FBC to #AA3E6F

#DA9FBC #AA3E6F

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

#DA9FBC - #AA3E6F | 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 #DA9FBC as 0% and #AA3E6F as 100%.

0.0%	0.0% #DA9FBC	RGB 218 159 188	#DA9FBC
16.7%	16.7% #D28EAF	RGB 210 142 175	#D28EAF
33.3%	33.3% #CA7EA2	RGB 202 126 162	#CA7EA2
50.0%	50.0% #C26E95	RGB 194 110 149	#C26E95
66.7%	66.7% #BA5E88	RGB 186 94 136	#BA5E88
83.3%	83.3% #B24E7B	RGB 178 78 123	#B24E7B
100.0%	100.0% #AA3E6F	RGB 170 62 111	#AA3E6F

#DA9FBC #D28EAF #CA7EA2 #C26E95 #BA5E88 #B24E7B #AA3E6F

#DA9FBC - #AA3E6F

HSV Blend

#DA9FBC - #AA3E6F | 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 #DA9FBC as 0% and #AA3E6F as 100%.

0.0%	0.0% #DA9FBC	RGB 218 159 188	#DA9FBC
16.7%	16.7% #D28CAE	RGB 210 140 174	#D28CAE
33.3%	33.3% #CA7AA0	RGB 202 122 160	#CA7AA0
50.0%	50.0% #C26A93	RGB 194 106 147	#C26A93
66.7%	66.7% #BA5A87	RGB 186 90 135	#BA5A87
83.3%	83.3% #B24B7A	RGB 178 75 122	#B24B7A
100.0%	100.0% #AA3E6F	RGB 170 62 111	#AA3E6F

#DA9FBC #D28CAE #CA7AA0 #C26A93 #BA5A87 #B24B7A #AA3E6F

#DA9FBC - #C26A93 - #AA3E6F

CSS codes

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

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