#4343A8 - #C9C9E6 | 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 #4343A8 to #C9C9E6

#4343A8 #C9C9E6

Calculate the color between two colors, #4343A8 and #C9C9E6. 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)

#4343A8 - #C9C9E6 | 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 #4343A8 as 0% and #C9C9E6 as 100%.

0.0%	0.0% #4343A8	RGB 67 67 168	#4343A8
16.7%	16.7% #5959B2	RGB 89 89 178	#5959B2
33.3%	33.3% #6F6FBC	RGB 111 111 188	#6F6FBC
50.0%	50.0% #8686C7	RGB 134 134 199	#8686C7
66.7%	66.7% #9C9CD1	RGB 156 156 209	#9C9CD1
83.3%	83.3% #B2B2DB	RGB 178 178 219	#B2B2DB
100.0%	100.0% #C9C9E6	RGB 201 201 230	#C9C9E6

#4343A8 #5959B2 #6F6FBC #8686C7 #9C9CD1 #B2B2DB #C9C9E6

#4343A8 - #C9C9E6

HSV Blend

#4343A8 - #C9C9E6 | 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 #4343A8 as 0% and #C9C9E6 as 100%.

0.0%	0.0% #4343A8	RGB 67 67 168	#4343A8
16.7%	16.7% #5555B2	RGB 85 85 178	#5555B2
33.3%	33.3% #6969BC	RGB 105 105 188	#6969BC
50.0%	50.0% #7E7EC7	RGB 126 126 199	#7E7EC7
66.7%	66.7% #9595D1	RGB 149 149 209	#9595D1
83.3%	83.3% #AEAEDB	RGB 174 174 219	#AEAEDB
100.0%	100.0% #C9C9E6	RGB 201 201 230	#C9C9E6

#4343A8 #5555B2 #6969BC #7E7EC7 #9595D1 #AEAEDB #C9C9E6

#4343A8 - #7E7EC7 - #C9C9E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4343A8 0%, #7E7EC7 50%, #C9C9E6 100%);
    background: -webkit-linear-gradient(top, #4343A8 0%, #7E7EC7 50%, #C9C9E6 100%);
    background: linear-gradient(to bottom, #4343A8 0%, #7E7EC7 50%, #C9C9E6 100%);
}
</style>