#DB8EB2 - #A72C64 | 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 #DB8EB2 to #A72C64

#DB8EB2 #A72C64

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

#DB8EB2 - #A72C64 | 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 #DB8EB2 as 0% and #A72C64 as 100%.

0.0%	0.0% #DB8EB2	RGB 219 142 178	#DB8EB2
16.7%	16.7% #D27DA5	RGB 210 125 165	#D27DA5
33.3%	33.3% #C96D98	RGB 201 109 152	#C96D98
50.0%	50.0% #C15D8B	RGB 193 93 139	#C15D8B
66.7%	66.7% #B84C7E	RGB 184 76 126	#B84C7E
83.3%	83.3% #AF3C71	RGB 175 60 113	#AF3C71
100.0%	100.0% #A72C64	RGB 167 44 100	#A72C64

#DB8EB2 #D27DA5 #C96D98 #C15D8B #B84C7E #AF3C71 #A72C64

#DB8EB2 - #A72C64

HSV Blend

#DB8EB2 - #A72C64 | 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 #DB8EB2 as 0% and #A72C64 as 100%.

0.0%	0.0% #DB8EB1	RGB 219 142 177	#DB8EB1
16.7%	16.7% #D27AA3	RGB 210 122 163	#D27AA3
33.3%	33.3% #C96895	RGB 201 104 149	#C96895
50.0%	50.0% #C15788	RGB 193 87 136	#C15788
66.7%	66.7% #B8487B	RGB 184 72 123	#B8487B
83.3%	83.3% #AF396F	RGB 175 57 111	#AF396F
100.0%	100.0% #A72C64	RGB 167 44 100	#A72C64

#DB8EB1 #D27AA3 #C96895 #C15788 #B8487B #AF396F #A72C64

#DB8EB2 - #C15788 - #A72C64

CSS codes

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

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