#4C3E5E - #CF89B0 | 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 #4C3E5E to #CF89B0

#4C3E5E #CF89B0

Calculate the color between two colors, #4C3E5E and #CF89B0. 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)

#4C3E5E - #CF89B0 | 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 #4C3E5E as 0% and #CF89B0 as 100%.

0.0%	0.0% #4C3E5E	RGB 76 62 94	#4C3E5E
16.7%	16.7% #614A6B	RGB 97 74 107	#614A6B
33.3%	33.3% #775779	RGB 119 87 121	#775779
50.0%	50.0% #8D6387	RGB 141 99 135	#8D6387
66.7%	66.7% #A37094	RGB 163 112 148	#A37094
83.3%	83.3% #B97CA2	RGB 185 124 162	#B97CA2
100.0%	100.0% #CF89B0	RGB 207 137 176	#CF89B0

#4C3E5E #614A6B #775779 #8D6387 #A37094 #B97CA2 #CF89B0

#4C3E5E - #CF89B0

HSV Blend

#4C3E5E - #CF89B0 | 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 #4C3E5E as 0% and #CF89B0 as 100%.

0.0%	0.0% #4C3E5E	RGB 76 62 94	#4C3E5E
16.7%	16.7% #614A70	RGB 97 74 112	#614A70
33.3%	33.3% #795683	RGB 121 86 131	#795683
50.0%	50.0% #936396	RGB 147 99 150	#936396
66.7%	66.7% #A96FA3	RGB 169 111 163	#A96FA3
83.3%	83.3% #BC7CAA	RGB 188 124 170	#BC7CAA
100.0%	100.0% #CF89B0	RGB 207 137 176	#CF89B0

#4C3E5E #614A70 #795683 #936396 #A96FA3 #BC7CAA #CF89B0

#4C3E5E - #936396 - #CF89B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C3E5E 0%, #936396 50%, #CF89B0 100%);
    background: -webkit-linear-gradient(top, #4C3E5E 0%, #936396 50%, #CF89B0 100%);
    background: linear-gradient(to bottom, #4C3E5E 0%, #936396 50%, #CF89B0 100%);
}
</style>