#4435A6 - #C9C5E5 | 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 #4435A6 to #C9C5E5

#4435A6 #C9C5E5

Calculate the color between two colors, #4435A6 and #C9C5E5. 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)

#4435A6 - #C9C5E5 | 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 #4435A6 as 0% and #C9C5E5 as 100%.

0.0%	0.0% #4435A6	RGB 68 53 166	#4435A6
16.7%	16.7% #5A4DB0	RGB 90 77 176	#5A4DB0
33.3%	33.3% #7065BB	RGB 112 101 187	#7065BB
50.0%	50.0% #867DC5	RGB 134 125 197	#867DC5
66.7%	66.7% #9C95D0	RGB 156 149 208	#9C95D0
83.3%	83.3% #B2ADDA	RGB 178 173 218	#B2ADDA
100.0%	100.0% #C9C5E5	RGB 201 197 229	#C9C5E5

#4435A6 #5A4DB0 #7065BB #867DC5 #9C95D0 #B2ADDA #C9C5E5

#4435A6 - #C9C5E5

HSV Blend

#4435A6 - #C9C5E5 | 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 #4435A6 as 0% and #C9C5E5 as 100%.

0.0%	0.0% #4435A6	RGB 68 53 166	#4435A6
16.7%	16.7% #5548B0	RGB 85 72 176	#5548B0
33.3%	33.3% #695DBB	RGB 105 93 187	#695DBB
50.0%	50.0% #7E74C5	RGB 126 116 197	#7E74C5
66.7%	66.7% #958DD0	RGB 149 141 208	#958DD0
83.3%	83.3% #AEA8DA	RGB 174 168 218	#AEA8DA
100.0%	100.0% #C9C5E5	RGB 201 197 229	#C9C5E5

#4435A6 #5548B0 #695DBB #7E74C5 #958DD0 #AEA8DA #C9C5E5

#4435A6 - #7E74C5 - #C9C5E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4435A6 0%, #7E74C5 50%, #C9C5E5 100%);
    background: -webkit-linear-gradient(top, #4435A6 0%, #7E74C5 50%, #C9C5E5 100%);
    background: linear-gradient(to bottom, #4435A6 0%, #7E74C5 50%, #C9C5E5 100%);
}
</style>