#4D75B5 - #A6BBCF | 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 #4D75B5 to #A6BBCF

#4D75B5 #A6BBCF

Calculate the color between two colors, #4D75B5 and #A6BBCF. 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)

#4D75B5 - #A6BBCF | 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 #4D75B5 as 0% and #A6BBCF as 100%.

0.0%	0.0% #4D75B5	RGB 77 117 181	#4D75B5
16.7%	16.7% #5B80B9	RGB 91 128 185	#5B80B9
33.3%	33.3% #6A8CBD	RGB 106 140 189	#6A8CBD
50.0%	50.0% #7998C2	RGB 121 152 194	#7998C2
66.7%	66.7% #88A3C6	RGB 136 163 198	#88A3C6
83.3%	83.3% #97AFCA	RGB 151 175 202	#97AFCA
100.0%	100.0% #A6BBCF	RGB 166 187 207	#A6BBCF

#4D75B5 #5B80B9 #6A8CBD #7998C2 #88A3C6 #97AFCA #A6BBCF

#4D75B5 - #A6BBCF

HSV Blend

#4D75B5 - #A6BBCF | 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 #4D75B5 as 0% and #A6BBCF as 100%.

0.0%	0.0% #4D75B5	RGB 77 117 181	#4D75B5
16.7%	16.7% #5A80B9	RGB 90 128 185	#5A80B9
33.3%	33.3% #688CBD	RGB 104 140 189	#688CBD
50.0%	50.0% #7798C2	RGB 119 152 194	#7798C2
66.7%	66.7% #86A4C6	RGB 134 164 198	#86A4C6
83.3%	83.3% #95AFCA	RGB 149 175 202	#95AFCA
100.0%	100.0% #A6BBCF	RGB 166 187 207	#A6BBCF

#4D75B5 #5A80B9 #688CBD #7798C2 #86A4C6 #95AFCA #A6BBCF

#4D75B5 - #7798C2 - #A6BBCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D75B5 0%, #7798C2 50%, #A6BBCF 100%);
    background: -webkit-linear-gradient(top, #4D75B5 0%, #7798C2 50%, #A6BBCF 100%);
    background: linear-gradient(to bottom, #4D75B5 0%, #7798C2 50%, #A6BBCF 100%);
}
</style>