#9AA0FF - #3C52CD | 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 #9AA0FF to #3C52CD

#9AA0FF #3C52CD

Calculate the color between two colors, #9AA0FF and #3C52CD. 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)

#9AA0FF - #3C52CD | 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 #9AA0FF as 0% and #3C52CD as 100%.

0.0%	0.0% #9AA0FF	RGB 154 160 255	#9AA0FF
16.7%	16.7% #8A93F6	RGB 138 147 246	#8A93F6
33.3%	33.3% #7A86EE	RGB 122 134 238	#7A86EE
50.0%	50.0% #6B79E6	RGB 107 121 230	#6B79E6
66.7%	66.7% #5B6CDD	RGB 91 108 221	#5B6CDD
83.3%	83.3% #4B5FD5	RGB 75 95 213	#4B5FD5
100.0%	100.0% #3C52CD	RGB 60 82 205	#3C52CD

#9AA0FF #8A93F6 #7A86EE #6B79E6 #5B6CDD #4B5FD5 #3C52CD

#9AA0FF - #3C52CD

HSV Blend

#9AA0FF - #3C52CD | 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 #9AA0FF as 0% and #3C52CD as 100%.

0.0%	0.0% #9A9FFF	RGB 154 159 255	#9A9FFF
16.7%	16.7% #8890F6	RGB 136 144 246	#8890F6
33.3%	33.3% #7781EE	RGB 119 129 238	#7781EE
50.0%	50.0% #6774E6	RGB 103 116 230	#6774E6
66.7%	66.7% #5768DD	RGB 87 104 221	#5768DD
83.3%	83.3% #495CD5	RGB 73 92 213	#495CD5
100.0%	100.0% #3C52CD	RGB 60 82 205	#3C52CD

#9A9FFF #8890F6 #7781EE #6774E6 #5768DD #495CD5 #3C52CD

#9AA0FF - #6774E6 - #3C52CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A9FFF 0%, #6774E6 50%, #3C52CD 100%);
    background: -webkit-linear-gradient(top, #9A9FFF 0%, #6774E6 50%, #3C52CD 100%);
    background: linear-gradient(to bottom, #9A9FFF 0%, #6774E6 50%, #3C52CD 100%);
}
</style>