#DF9FC6 - #B1387B | 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 #DF9FC6 to #B1387B

#DF9FC6 #B1387B

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

#DF9FC6 - #B1387B | 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 #DF9FC6 as 0% and #B1387B as 100%.

0.0%	0.0% #DF9FC6	RGB 223 159 198	#DF9FC6
16.7%	16.7% #D78DB9	RGB 215 141 185	#D78DB9
33.3%	33.3% #CF7CAD	RGB 207 124 173	#CF7CAD
50.0%	50.0% #C86BA0	RGB 200 107 160	#C86BA0
66.7%	66.7% #C05A94	RGB 192 90 148	#C05A94
83.3%	83.3% #B84987	RGB 184 73 135	#B84987
100.0%	100.0% #B1387B	RGB 177 56 123	#B1387B

#DF9FC6 #D78DB9 #CF7CAD #C86BA0 #C05A94 #B84987 #B1387B

#DF9FC6 - #B1387B

HSV Blend

#DF9FC6 - #B1387B | 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 #DF9FC6 as 0% and #B1387B as 100%.

0.0%	0.0% #DF9FC6	RGB 223 159 198	#DF9FC6
16.7%	16.7% #D78BB8	RGB 215 139 184	#D78BB8
33.3%	33.3% #CF78AC	RGB 207 120 172	#CF78AC
50.0%	50.0% #C8669F	RGB 200 102 159	#C8669F
66.7%	66.7% #C05692	RGB 192 86 146	#C05692
83.3%	83.3% #B84686	RGB 184 70 134	#B84686
100.0%	100.0% #B1387B	RGB 177 56 123	#B1387B

#DF9FC6 #D78BB8 #CF78AC #C8669F #C05692 #B84686 #B1387B

#DF9FC6 - #C8669F - #B1387B

CSS codes

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

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