#CC74D9 - #3A213E | 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 #CC74D9 to #3A213E

#CC74D9 #3A213E

Calculate the color between two colors, #CC74D9 and #3A213E. 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)

#CC74D9 - #3A213E | 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 #CC74D9 as 0% and #3A213E as 100%.

0.0%	0.0% #CC74D9	RGB 204 116 217	#CC74D9
16.7%	16.7% #B366BF	RGB 179 102 191	#B366BF
33.3%	33.3% #9B58A5	RGB 155 88 165	#9B58A5
50.0%	50.0% #834A8B	RGB 131 74 139	#834A8B
66.7%	66.7% #6A3C71	RGB 106 60 113	#6A3C71
83.3%	83.3% #522E57	RGB 82 46 87	#522E57
100.0%	100.0% #3A213E	RGB 58 33 62	#3A213E

#CC74D9 #B366BF #9B58A5 #834A8B #6A3C71 #522E57 #3A213E

#CC74D9 - #3A213E

HSV Blend

#CC74D9 - #3A213E | 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 #CC74D9 as 0% and #3A213E as 100%.

0.0%	0.0% #CC74D9	RGB 204 116 217	#CC74D9
16.7%	16.7% #B366BF	RGB 179 102 191	#B366BF
33.3%	33.3% #9B58A5	RGB 155 88 165	#9B58A5
50.0%	50.0% #824A8B	RGB 130 74 139	#824A8B
66.7%	66.7% #6A3C71	RGB 106 60 113	#6A3C71
83.3%	83.3% #522E57	RGB 82 46 87	#522E57
100.0%	100.0% #3A213E	RGB 58 33 62	#3A213E

#CC74D9 #B366BF #9B58A5 #824A8B #6A3C71 #522E57 #3A213E

#CC74D9 - #824A8B - #3A213E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC74D9 0%, #824A8B 50%, #3A213E 100%);
    background: -webkit-linear-gradient(top, #CC74D9 0%, #824A8B 50%, #3A213E 100%);
    background: linear-gradient(to bottom, #CC74D9 0%, #824A8B 50%, #3A213E 100%);
}
</style>