#4D43A8 - #C799C9 | 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 #4D43A8 to #C799C9

#4D43A8 #C799C9

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

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

0.0%	0.0% #4D43A8	RGB 77 67 168	#4D43A8
16.7%	16.7% #6151AD	RGB 97 81 173	#6151AD
33.3%	33.3% #755FB3	RGB 117 95 179	#755FB3
50.0%	50.0% #8A6EB8	RGB 138 110 184	#8A6EB8
66.7%	66.7% #9E7CBE	RGB 158 124 190	#9E7CBE
83.3%	83.3% #B28AC3	RGB 178 138 195	#B28AC3
100.0%	100.0% #C799C9	RGB 199 153 201	#C799C9

#4D43A8 #6151AD #755FB3 #8A6EB8 #9E7CBE #B28AC3 #C799C9

#4D43A8 - #C799C9

HSV Blend

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

0.0%	0.0% #4C43A8	RGB 76 67 168	#4C43A8
16.7%	16.7% #664FAD	RGB 102 79 173	#664FAD
33.3%	33.3% #7E5DB3	RGB 126 93 179	#7E5DB3
50.0%	50.0% #936BB8	RGB 147 107 184	#936BB8
66.7%	66.7% #A779BE	RGB 167 121 190	#A779BE
83.3%	83.3% #B889C3	RGB 184 137 195	#B889C3
100.0%	100.0% #C799C9	RGB 199 153 201	#C799C9

#4C43A8 #664FAD #7E5DB3 #936BB8 #A779BE #B889C3 #C799C9

#4D43A8 - #936BB8 - #C799C9

CSS codes

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

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