#DC4DDC - #66009B | 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 #DC4DDC to #66009B

#DC4DDC #66009B

Calculate the color between two colors, #DC4DDC and #66009B. 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)

#DC4DDC - #66009B | 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 #DC4DDC as 0% and #66009B as 100%.

0.0%	0.0% #DC4DDC	RGB 220 77 220	#DC4DDC
16.7%	16.7% #C840D1	RGB 200 64 209	#C840D1
33.3%	33.3% #B433C6	RGB 180 51 198	#B433C6
50.0%	50.0% #A126BB	RGB 161 38 187	#A126BB
66.7%	66.7% #8D19B0	RGB 141 25 176	#8D19B0
83.3%	83.3% #790CA5	RGB 121 12 165	#790CA5
100.0%	100.0% #66009B	RGB 102 0 155	#66009B

#DC4DDC #C840D1 #B433C6 #A126BB #8D19B0 #790CA5 #66009B

#DC4DDC - #66009B

HSV Blend

#DC4DDC - #66009B | 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 #DC4DDC as 0% and #66009B as 100%.

0.0%	0.0% #DC4CDC	RGB 220 76 220	#DC4CDC
16.7%	16.7% #C83DD1	RGB 200 61 209	#C83DD1
33.3%	33.3% #B52EC6	RGB 181 46 198	#B52EC6
50.0%	50.0% #A120BB	RGB 161 32 187	#A120BB
66.7%	66.7% #8D14B0	RGB 141 20 176	#8D14B0
83.3%	83.3% #7909A5	RGB 121 9 165	#7909A5
100.0%	100.0% #66009B	RGB 102 0 155	#66009B

#DC4CDC #C83DD1 #B52EC6 #A120BB #8D14B0 #7909A5 #66009B

#DC4DDC - #A120BB - #66009B

CSS codes

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

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