#7644A8 - #A8D5DE | 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 #7644A8 to #A8D5DE

#7644A8 #A8D5DE

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

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

0.0%	0.0% #7644A8	RGB 118 68 168	#7644A8
16.7%	16.7% #7E5CB1	RGB 126 92 177	#7E5CB1
33.3%	33.3% #8674BA	RGB 134 116 186	#8674BA
50.0%	50.0% #8F8CC3	RGB 143 140 195	#8F8CC3
66.7%	66.7% #97A4CC	RGB 151 164 204	#97A4CC
83.3%	83.3% #9FBCD5	RGB 159 188 213	#9FBCD5
100.0%	100.0% #A8D5DE	RGB 168 213 222	#A8D5DE

#7644A8 #7E5CB1 #8674BA #8F8CC3 #97A4CC #9FBCD5 #A8D5DE

#7644A8 - #A8D5DE

HSV Blend

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

0.0%	0.0% #7644A8	RGB 118 68 168	#7644A8
16.7%	16.7% #6C52B1	RGB 108 82 177	#6C52B1
33.3%	33.3% #6661BA	RGB 102 97 186	#6661BA
50.0%	50.0% #717EC3	RGB 113 126 195	#717EC3
66.7%	66.7% #829FCC	RGB 130 159 204	#829FCC
83.3%	83.3% #94BBD5	RGB 148 187 213	#94BBD5
100.0%	100.0% #A8D5DE	RGB 168 213 222	#A8D5DE

#7644A8 #6C52B1 #6661BA #717EC3 #829FCC #94BBD5 #A8D5DE

#7644A8 - #717EC3 - #A8D5DE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7644A8 0%, #717EC3 50%, #A8D5DE 100%);
    background: -webkit-linear-gradient(top, #7644A8 0%, #717EC3 50%, #A8D5DE 100%);
    background: linear-gradient(to bottom, #7644A8 0%, #717EC3 50%, #A8D5DE 100%);
}
</style>