#7E48B4 - #ADDBE2 | 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 #7E48B4 to #ADDBE2

#7E48B4 #ADDBE2

Calculate the color between two colors, #7E48B4 and #ADDBE2. 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)

#7E48B4 - #ADDBE2 | 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 #7E48B4 as 0% and #ADDBE2 as 100%.

0.0%	0.0% #7E48B4	RGB 126 72 180	#7E48B4
16.7%	16.7% #8560BB	RGB 133 96 187	#8560BB
33.3%	33.3% #8D79C3	RGB 141 121 195	#8D79C3
50.0%	50.0% #9591CB	RGB 149 145 203	#9591CB
66.7%	66.7% #9DAAD2	RGB 157 170 210	#9DAAD2
83.3%	83.3% #A5C2DA	RGB 165 194 218	#A5C2DA
100.0%	100.0% #ADDBE2	RGB 173 219 226	#ADDBE2

#7E48B4 #8560BB #8D79C3 #9591CB #9DAAD2 #A5C2DA #ADDBE2

#7E48B4 - #ADDBE2

HSV Blend

#7E48B4 - #ADDBE2 | 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 #7E48B4 as 0% and #ADDBE2 as 100%.

0.0%	0.0% #7E48B4	RGB 126 72 180	#7E48B4
16.7%	16.7% #7256BB	RGB 114 86 187	#7256BB
33.3%	33.3% #6A65C3	RGB 106 101 195	#6A65C3
50.0%	50.0% #7685CB	RGB 118 133 203	#7685CB
66.7%	66.7% #87A6D2	RGB 135 166 210	#87A6D2
83.3%	83.3% #99C3DA	RGB 153 195 218	#99C3DA
100.0%	100.0% #ADDBE2	RGB 173 219 226	#ADDBE2

#7E48B4 #7256BB #6A65C3 #7685CB #87A6D2 #99C3DA #ADDBE2

#7E48B4 - #7685CB - #ADDBE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E48B4 0%, #7685CB 50%, #ADDBE2 100%);
    background: -webkit-linear-gradient(top, #7E48B4 0%, #7685CB 50%, #ADDBE2 100%);
    background: linear-gradient(to bottom, #7E48B4 0%, #7685CB 50%, #ADDBE2 100%);
}
</style>