#302BCC - #C3C2F0 | 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 #302BCC to #C3C2F0

#302BCC #C3C2F0

Calculate the color between two colors, #302BCC and #C3C2F0. 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)

#302BCC - #C3C2F0 | 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 #302BCC as 0% and #C3C2F0 as 100%.

0.0%	0.0% #302BCC	RGB 48 43 204	#302BCC
16.7%	16.7% #4844D2	RGB 72 68 210	#4844D2
33.3%	33.3% #615DD8	RGB 97 93 216	#615DD8
50.0%	50.0% #7976DE	RGB 121 118 222	#7976DE
66.7%	66.7% #928FE4	RGB 146 143 228	#928FE4
83.3%	83.3% #AAA8EA	RGB 170 168 234	#AAA8EA
100.0%	100.0% #C3C2F0	RGB 195 194 240	#C3C2F0

#302BCC #4844D2 #615DD8 #7976DE #928FE4 #AAA8EA #C3C2F0

#302BCC - #C3C2F0

HSV Blend

#302BCC - #C3C2F0 | 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 #302BCC as 0% and #C3C2F0 as 100%.

0.0%	0.0% #2F2BCC	RGB 47 43 204	#2F2BCC
16.7%	16.7% #4541D2	RGB 69 65 210	#4541D2
33.3%	33.3% #5C58D8	RGB 92 88 216	#5C58D8
50.0%	50.0% #7371DE	RGB 115 113 222	#7371DE
66.7%	66.7% #8D8AE4	RGB 141 138 228	#8D8AE4
83.3%	83.3% #A7A5EA	RGB 167 165 234	#A7A5EA
100.0%	100.0% #C3C2F0	RGB 195 194 240	#C3C2F0

#2F2BCC #4541D2 #5C58D8 #7371DE #8D8AE4 #A7A5EA #C3C2F0

#302BCC - #7371DE - #C3C2F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F2BCC 0%, #7371DE 50%, #C3C2F0 100%);
    background: -webkit-linear-gradient(top, #2F2BCC 0%, #7371DE 50%, #C3C2F0 100%);
    background: linear-gradient(to bottom, #2F2BCC 0%, #7371DE 50%, #C3C2F0 100%);
}
</style>