#DC60AC - #9C005E | 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 #DC60AC to #9C005E

#DC60AC #9C005E

Calculate the color between two colors, #DC60AC and #9C005E. 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)

#DC60AC - #9C005E | 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 #DC60AC as 0% and #9C005E as 100%.

0.0%	0.0% #DC60AC	RGB 220 96 172	#DC60AC
16.7%	16.7% #D1509F	RGB 209 80 159	#D1509F
33.3%	33.3% #C64092	RGB 198 64 146	#C64092
50.0%	50.0% #BC3085	RGB 188 48 133	#BC3085
66.7%	66.7% #B12078	RGB 177 32 120	#B12078
83.3%	83.3% #A6106B	RGB 166 16 107	#A6106B
100.0%	100.0% #9C005E	RGB 156 0 94	#9C005E

#DC60AC #D1509F #C64092 #BC3085 #B12078 #A6106B #9C005E

#DC60AC - #9C005E

HSV Blend

#DC60AC - #9C005E | 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 #DC60AC as 0% and #9C005E as 100%.

0.0%	0.0% #DC60AB	RGB 220 96 171	#DC60AB
16.7%	16.7% #D14C9D	RGB 209 76 157	#D14C9D
33.3%	33.3% #C6398F	RGB 198 57 143	#C6398F
50.0%	50.0% #BC2982	RGB 188 41 130	#BC2982
66.7%	66.7% #B11975	RGB 177 25 117	#B11975
83.3%	83.3% #A60C69	RGB 166 12 105	#A60C69
100.0%	100.0% #9C005E	RGB 156 0 94	#9C005E

#DC60AB #D14C9D #C6398F #BC2982 #B11975 #A60C69 #9C005E

#DC60AC - #BC2982 - #9C005E

CSS codes

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

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