#423C9F - #C9C7E3 | 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 #423C9F to #C9C7E3

#423C9F #C9C7E3

Calculate the color between two colors, #423C9F and #C9C7E3. 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)

#423C9F - #C9C7E3 | 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 #423C9F as 0% and #C9C7E3 as 100%.

0.0%	0.0% #423C9F	RGB 66 60 159	#423C9F
16.7%	16.7% #5853AA	RGB 88 83 170	#5853AA
33.3%	33.3% #6F6AB5	RGB 111 106 181	#6F6AB5
50.0%	50.0% #8581C1	RGB 133 129 193	#8581C1
66.7%	66.7% #9C98CC	RGB 156 152 204	#9C98CC
83.3%	83.3% #B2AFD7	RGB 178 175 215	#B2AFD7
100.0%	100.0% #C9C7E3	RGB 201 199 227	#C9C7E3

#423C9F #5853AA #6F6AB5 #8581C1 #9C98CC #B2AFD7 #C9C7E3

#423C9F - #C9C7E3

HSV Blend

#423C9F - #C9C7E3 | 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 #423C9F as 0% and #C9C7E3 as 100%.

0.0%	0.0% #413C9F	RGB 65 60 159	#413C9F
16.7%	16.7% #544EAA	RGB 84 78 170	#544EAA
33.3%	33.3% #6862B5	RGB 104 98 181	#6862B5
50.0%	50.0% #7D79C1	RGB 125 121 193	#7D79C1
66.7%	66.7% #9591CC	RGB 149 145 204	#9591CC
83.3%	83.3% #AEABD7	RGB 174 171 215	#AEABD7
100.0%	100.0% #C9C7E3	RGB 201 199 227	#C9C7E3

#413C9F #544EAA #6862B5 #7D79C1 #9591CC #AEABD7 #C9C7E3

#423C9F - #7D79C1 - #C9C7E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #413C9F 0%, #7D79C1 50%, #C9C7E3 100%);
    background: -webkit-linear-gradient(top, #413C9F 0%, #7D79C1 50%, #C9C7E3 100%);
    background: linear-gradient(to bottom, #413C9F 0%, #7D79C1 50%, #C9C7E3 100%);
}
</style>