#8A1F5E - #DDBFD1 | 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 #8A1F5E to #DDBFD1

#8A1F5E #DDBFD1

Calculate the color between two colors, #8A1F5E and #DDBFD1. 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)

#8A1F5E - #DDBFD1 | 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 #8A1F5E as 0% and #DDBFD1 as 100%.

0.0%	0.0% #8A1F5E	RGB 138 31 94	#8A1F5E
16.7%	16.7% #973971	RGB 151 57 113	#973971
33.3%	33.3% #A55484	RGB 165 84 132	#A55484
50.0%	50.0% #B36F97	RGB 179 111 151	#B36F97
66.7%	66.7% #C189AA	RGB 193 137 170	#C189AA
83.3%	83.3% #CFA4BD	RGB 207 164 189	#CFA4BD
100.0%	100.0% #DDBFD1	RGB 221 191 209	#DDBFD1

#8A1F5E #973971 #A55484 #B36F97 #C189AA #CFA4BD #DDBFD1

#8A1F5E - #DDBFD1

HSV Blend

#8A1F5E - #DDBFD1 | 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 #8A1F5E as 0% and #DDBFD1 as 100%.

0.0%	0.0% #8A1F5D	RGB 138 31 93	#8A1F5D
16.7%	16.7% #97326E	RGB 151 50 110	#97326E
33.3%	33.3% #A5487F	RGB 165 72 127	#A5487F
50.0%	50.0% #B36192	RGB 179 97 146	#B36192
66.7%	66.7% #C17DA6	RGB 193 125 166	#C17DA6
83.3%	83.3% #CF9CBA	RGB 207 156 186	#CF9CBA
100.0%	100.0% #DDBFD1	RGB 221 191 209	#DDBFD1

#8A1F5D #97326E #A5487F #B36192 #C17DA6 #CF9CBA #DDBFD1

#8A1F5E - #B36192 - #DDBFD1

CSS codes

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

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