#3C1435 - #8F3E63 | 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 #3C1435 to #8F3E63

#3C1435 #8F3E63

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

#3C1435 - #8F3E63 | 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 #3C1435 as 0% and #8F3E63 as 100%.

0.0%	0.0% #3C1435	RGB 60 20 53	#3C1435
16.7%	16.7% #491B3C	RGB 73 27 60	#491B3C
33.3%	33.3% #572244	RGB 87 34 68	#572244
50.0%	50.0% #65294C	RGB 101 41 76	#65294C
66.7%	66.7% #733053	RGB 115 48 83	#733053
83.3%	83.3% #81375B	RGB 129 55 91	#81375B
100.0%	100.0% #8F3E63	RGB 143 62 99	#8F3E63

#3C1435 #491B3C #572244 #65294C #733053 #81375B #8F3E63

#3C1435 - #8F3E63

HSV Blend

#3C1435 - #8F3E63 | 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 #3C1435 as 0% and #8F3E63 as 100%.

0.0%	0.0% #3C1435	RGB 60 20 53	#3C1435
16.7%	16.7% #49193E	RGB 73 25 62	#49193E
33.3%	33.3% #572047	RGB 87 32 71	#572047
50.0%	50.0% #65264F	RGB 101 38 79	#65264F
66.7%	66.7% #732E56	RGB 115 46 86	#732E56
83.3%	83.3% #81355C	RGB 129 53 92	#81355C
100.0%	100.0% #8F3E63	RGB 143 62 99	#8F3E63

#3C1435 #49193E #572047 #65264F #732E56 #81355C #8F3E63

#3C1435 - #65264F - #8F3E63

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C1435 0%, #65264F 50%, #8F3E63 100%);
    background: -webkit-linear-gradient(top, #3C1435 0%, #65264F 50%, #8F3E63 100%);
    background: linear-gradient(to bottom, #3C1435 0%, #65264F 50%, #8F3E63 100%);
}
</style>