#CC3E92 - #3A1129 | 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 #CC3E92 to #3A1129

#CC3E92 #3A1129

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

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

0.0%	0.0% #CC3E92	RGB 204 62 146	#CC3E92
16.7%	16.7% #B33680	RGB 179 54 128	#B33680
33.3%	33.3% #9B2F6F	RGB 155 47 111	#9B2F6F
50.0%	50.0% #83275D	RGB 131 39 93	#83275D
66.7%	66.7% #6A204C	RGB 106 32 76	#6A204C
83.3%	83.3% #52183A	RGB 82 24 58	#52183A
100.0%	100.0% #3A1129	RGB 58 17 41	#3A1129

#CC3E92 #B33680 #9B2F6F #83275D #6A204C #52183A #3A1129

#CC3E92 - #3A1129

HSV Blend

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

0.0%	0.0% #CC3E92	RGB 204 62 146	#CC3E92
16.7%	16.7% #B33680	RGB 179 54 128	#B33680
33.3%	33.3% #9B2E6E	RGB 155 46 110	#9B2E6E
50.0%	50.0% #83275D	RGB 131 39 93	#83275D
66.7%	66.7% #6A1F4B	RGB 106 31 75	#6A1F4B
83.3%	83.3% #52183A	RGB 82 24 58	#52183A
100.0%	100.0% #3A1129	RGB 58 17 41	#3A1129

#CC3E92 #B33680 #9B2E6E #83275D #6A1F4B #52183A #3A1129

#CC3E92 - #83275D - #3A1129

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC3E92 0%, #83275D 50%, #3A1129 100%);
    background: -webkit-linear-gradient(top, #CC3E92 0%, #83275D 50%, #3A1129 100%);
    background: linear-gradient(to bottom, #CC3E92 0%, #83275D 50%, #3A1129 100%);
}
</style>