#DF7DC6 - #AB0C7B | 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 #DF7DC6 to #AB0C7B

#DF7DC6 #AB0C7B

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

#DF7DC6 - #AB0C7B | 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 #DF7DC6 as 0% and #AB0C7B as 100%.

0.0%	0.0% #DF7DC6	RGB 223 125 198	#DF7DC6
16.7%	16.7% #D66AB9	RGB 214 106 185	#D66AB9
33.3%	33.3% #CD57AD	RGB 205 87 173	#CD57AD
50.0%	50.0% #C544A0	RGB 197 68 160	#C544A0
66.7%	66.7% #BC3194	RGB 188 49 148	#BC3194
83.3%	83.3% #B31E87	RGB 179 30 135	#B31E87
100.0%	100.0% #AB0C7B	RGB 171 12 123	#AB0C7B

#DF7DC6 #D66AB9 #CD57AD #C544A0 #BC3194 #B31E87 #AB0C7B

#DF7DC6 - #AB0C7B

HSV Blend

#DF7DC6 - #AB0C7B | 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 #DF7DC6 as 0% and #AB0C7B as 100%.

0.0%	0.0% #DF7DC6	RGB 223 125 198	#DF7DC6
16.7%	16.7% #D666B8	RGB 214 102 184	#D666B8
33.3%	33.3% #CD51AC	RGB 205 81 172	#CD51AC
50.0%	50.0% #C53E9F	RGB 197 62 159	#C53E9F
66.7%	66.7% #BC2C93	RGB 188 44 147	#BC2C93
83.3%	83.3% #B31B86	RGB 179 27 134	#B31B86
100.0%	100.0% #AB0C7B	RGB 171 12 123	#AB0C7B

#DF7DC6 #D666B8 #CD51AC #C53E9F #BC2C93 #B31B86 #AB0C7B

#DF7DC6 - #C53E9F - #AB0C7B

CSS codes

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

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