#9DAFEB - #3E5AB4 | 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 #9DAFEB to #3E5AB4

#9DAFEB #3E5AB4

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

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

0.0%	0.0% #9DAFEB	RGB 157 175 235	#9DAFEB
16.7%	16.7% #8DA0E1	RGB 141 160 225	#8DA0E1
33.3%	33.3% #7D92D8	RGB 125 146 216	#7D92D8
50.0%	50.0% #6D84CF	RGB 109 132 207	#6D84CF
66.7%	66.7% #5D76C6	RGB 93 118 198	#5D76C6
83.3%	83.3% #4D68BD	RGB 77 104 189	#4D68BD
100.0%	100.0% #3E5AB4	RGB 62 90 180	#3E5AB4

#9DAFEB #8DA0E1 #7D92D8 #6D84CF #5D76C6 #4D68BD #3E5AB4

#9DAFEB - #3E5AB4

HSV Blend

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

0.0%	0.0% #9DAFEB	RGB 157 175 235	#9DAFEB
16.7%	16.7% #8A9EE1	RGB 138 158 225	#8A9EE1
33.3%	33.3% #798FD8	RGB 121 143 216	#798FD8
50.0%	50.0% #6981CF	RGB 105 129 207	#6981CF
66.7%	66.7% #5973C6	RGB 89 115 198	#5973C6
83.3%	83.3% #4B66BD	RGB 75 102 189	#4B66BD
100.0%	100.0% #3E5AB4	RGB 62 90 180	#3E5AB4

#9DAFEB #8A9EE1 #798FD8 #6981CF #5973C6 #4B66BD #3E5AB4

#9DAFEB - #6981CF - #3E5AB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9DAFEB 0%, #6981CF 50%, #3E5AB4 100%);
    background: -webkit-linear-gradient(top, #9DAFEB 0%, #6981CF 50%, #3E5AB4 100%);
    background: linear-gradient(to bottom, #9DAFEB 0%, #6981CF 50%, #3E5AB4 100%);
}
</style>