#3E3C4B - #CB846A | 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 #3E3C4B to #CB846A

#3E3C4B #CB846A

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

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

0.0%	0.0% #3E3C4B	RGB 62 60 75	#3E3C4B
16.7%	16.7% #554850	RGB 85 72 80	#554850
33.3%	33.3% #6D5455	RGB 109 84 85	#6D5455
50.0%	50.0% #84605A	RGB 132 96 90	#84605A
66.7%	66.7% #9C6C5F	RGB 156 108 95	#9C6C5F
83.3%	83.3% #B37864	RGB 179 120 100	#B37864
100.0%	100.0% #CB846A	RGB 203 132 106	#CB846A

#3E3C4B #554850 #6D5455 #84605A #9C6C5F #B37864 #CB846A

#3E3C4B - #CB846A

HSV Blend

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

0.0%	0.0% #3E3C4B	RGB 62 60 75	#3E3C4B
16.7%	16.7% #544860	RGB 84 72 96	#544860
33.3%	33.3% #705375	RGB 112 83 117	#705375
50.0%	50.0% #8B5B81	RGB 139 91 129	#8B5B81
66.7%	66.7% #A0627D	RGB 160 98 125	#A0627D
83.3%	83.3% #B5676E	RGB 181 103 110	#B5676E
100.0%	100.0% #CB846A	RGB 203 132 106	#CB846A

#3E3C4B #544860 #705375 #8B5B81 #A0627D #B5676E #CB846A

#3E3C4B - #8B5B81 - #CB846A

CSS codes

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

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