#DF9BC2 - #B03476 | 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 #DF9BC2 to #B03476

#DF9BC2 #B03476

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

#DF9BC2 - #B03476 | 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 #DF9BC2 as 0% and #B03476 as 100%.

0.0%	0.0% #DF9BC2	RGB 223 155 194	#DF9BC2
16.7%	16.7% #D789B5	RGB 215 137 181	#D789B5
33.3%	33.3% #CF78A8	RGB 207 120 168	#CF78A8
50.0%	50.0% #C7679C	RGB 199 103 156	#C7679C
66.7%	66.7% #BF568F	RGB 191 86 143	#BF568F
83.3%	83.3% #B74582	RGB 183 69 130	#B74582
100.0%	100.0% #B03476	RGB 176 52 118	#B03476

#DF9BC2 #D789B5 #CF78A8 #C7679C #BF568F #B74582 #B03476

#DF9BC2 - #B03476

HSV Blend

#DF9BC2 - #B03476 | 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 #DF9BC2 as 0% and #B03476 as 100%.

0.0%	0.0% #DF9BC2	RGB 223 155 194	#DF9BC2
16.7%	16.7% #D787B4	RGB 215 135 180	#D787B4
33.3%	33.3% #CF74A7	RGB 207 116 167	#CF74A7
50.0%	50.0% #C7629A	RGB 199 98 154	#C7629A
66.7%	66.7% #BF528D	RGB 191 82 141	#BF528D
83.3%	83.3% #B74281	RGB 183 66 129	#B74281
100.0%	100.0% #B03476	RGB 176 52 118	#B03476

#DF9BC2 #D787B4 #CF74A7 #C7629A #BF528D #B74281 #B03476

#DF9BC2 - #C7629A - #B03476

CSS codes

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

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