#7A65CA - #B5E3D2 | 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 #7A65CA to #B5E3D2

#7A65CA #B5E3D2

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

#7A65CA - #B5E3D2 | 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 #7A65CA as 0% and #B5E3D2 as 100%.

0.0%	0.0% #7A65CA	RGB 122 101 202	#7A65CA
16.7%	16.7% #837ACB	RGB 131 122 203	#837ACB
33.3%	33.3% #8D8FCC	RGB 141 143 204	#8D8FCC
50.0%	50.0% #97A4CE	RGB 151 164 206	#97A4CE
66.7%	66.7% #A1B9CF	RGB 161 185 207	#A1B9CF
83.3%	83.3% #ABCED0	RGB 171 206 208	#ABCED0
100.0%	100.0% #B5E3D2	RGB 181 227 210	#B5E3D2

#7A65CA #837ACB #8D8FCC #97A4CE #A1B9CF #ABCED0 #B5E3D2

#7A65CA - #B5E3D2

HSV Blend

#7A65CA - #B5E3D2 | 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 #7A65CA as 0% and #B5E3D2 as 100%.

0.0%	0.0% #7A65CA	RGB 122 101 202	#7A65CA
16.7%	16.7% #7176CE	RGB 113 118 206	#7176CE
33.3%	33.3% #7E98D2	RGB 126 152 210	#7E98D2
50.0%	50.0% #8BB6D6	RGB 139 182 214	#8BB6D6
66.7%	66.7% #98D0DA	RGB 152 208 218	#98D0DA
83.3%	83.3% #A6DED8	RGB 166 222 216	#A6DED8
100.0%	100.0% #B5E3D2	RGB 181 227 210	#B5E3D2

#7A65CA #7176CE #7E98D2 #8BB6D6 #98D0DA #A6DED8 #B5E3D2

#7A65CA - #8BB6D6 - #B5E3D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A65CA 0%, #8BB6D6 50%, #B5E3D2 100%);
    background: -webkit-linear-gradient(top, #7A65CA 0%, #8BB6D6 50%, #B5E3D2 100%);
    background: linear-gradient(to bottom, #7A65CA 0%, #8BB6D6 50%, #B5E3D2 100%);
}
</style>