#7465CA - #B5E3CF | 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 #7465CA to #B5E3CF

#7465CA #B5E3CF

Calculate the color between two colors, #7465CA and #B5E3CF. 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)

#7465CA - #B5E3CF | 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 #7465CA as 0% and #B5E3CF as 100%.

0.0%	0.0% #7465CA	RGB 116 101 202	#7465CA
16.7%	16.7% #7E7ACA	RGB 126 122 202	#7E7ACA
33.3%	33.3% #898FCB	RGB 137 143 203	#898FCB
50.0%	50.0% #94A4CC	RGB 148 164 204	#94A4CC
66.7%	66.7% #9FB9CD	RGB 159 185 205	#9FB9CD
83.3%	83.3% #AACECE	RGB 170 206 206	#AACECE
100.0%	100.0% #B5E3CF	RGB 181 227 207	#B5E3CF

#7465CA #7E7ACA #898FCB #94A4CC #9FB9CD #AACECE #B5E3CF

#7465CA - #B5E3CF

HSV Blend

#7465CA - #B5E3CF | 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 #7465CA as 0% and #B5E3CF as 100%.

0.0%	0.0% #7465CA	RGB 116 101 202	#7465CA
16.7%	16.7% #717CCE	RGB 113 124 206	#717CCE
33.3%	33.3% #7E9DD2	RGB 126 157 210	#7E9DD2
50.0%	50.0% #8BBBD6	RGB 139 187 214	#8BBBD6
66.7%	66.7% #98D4DA	RGB 152 212 218	#98D4DA
83.3%	83.3% #A6DED5	RGB 166 222 213	#A6DED5
100.0%	100.0% #B5E3CF	RGB 181 227 207	#B5E3CF

#7465CA #717CCE #7E9DD2 #8BBBD6 #98D4DA #A6DED5 #B5E3CF

#7465CA - #8BBBD6 - #B5E3CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7465CA 0%, #8BBBD6 50%, #B5E3CF 100%);
    background: -webkit-linear-gradient(top, #7465CA 0%, #8BBBD6 50%, #B5E3CF 100%);
    background: linear-gradient(to bottom, #7465CA 0%, #8BBBD6 50%, #B5E3CF 100%);
}
</style>