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

#9999C2 #4D43A8

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

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

0.0%	0.0% #9999C2	RGB 153 153 194	#9999C2
16.7%	16.7% #8C8ABD	RGB 140 138 189	#8C8ABD
33.3%	33.3% #7F7CB9	RGB 127 124 185	#7F7CB9
50.0%	50.0% #736EB5	RGB 115 110 181	#736EB5
66.7%	66.7% #665FB0	RGB 102 95 176	#665FB0
83.3%	83.3% #5951AC	RGB 89 81 172	#5951AC
100.0%	100.0% #4D43A8	RGB 77 67 168	#4D43A8

#9999C2 #8C8ABD #7F7CB9 #736EB5 #665FB0 #5951AC #4D43A8

#9999C2 - #4D43A8

HSV Blend

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

0.0%	0.0% #9999C2	RGB 153 153 194	#9999C2
16.7%	16.7% #8A89BD	RGB 138 137 189	#8A89BD
33.3%	33.3% #7C7AB9	RGB 124 122 185	#7C7AB9
50.0%	50.0% #6F6BB5	RGB 111 107 181	#6F6BB5
66.7%	66.7% #625DB0	RGB 98 93 176	#625DB0
83.3%	83.3% #574FAC	RGB 87 79 172	#574FAC
100.0%	100.0% #4D43A8	RGB 77 67 168	#4D43A8

#9999C2 #8A89BD #7C7AB9 #6F6BB5 #625DB0 #574FAC #4D43A8

#9999C2 - #6F6BB5 - #4D43A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9999C2 0%, #6F6BB5 50%, #4D43A8 100%);
    background: -webkit-linear-gradient(top, #9999C2 0%, #6F6BB5 50%, #4D43A8 100%);
    background: linear-gradient(to bottom, #9999C2 0%, #6F6BB5 50%, #4D43A8 100%);
}
</style>