#690A96 - #8EB6F0 | 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 #690A96 to #8EB6F0

#690A96 #8EB6F0

Calculate the color between two colors, #690A96 and #8EB6F0. 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)

#690A96 - #8EB6F0 | 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 #690A96 as 0% and #8EB6F0 as 100%.

0.0%	0.0% #690A96	RGB 105 10 150	#690A96
16.7%	16.7% #6F26A5	RGB 111 38 165	#6F26A5
33.3%	33.3% #7543B4	RGB 117 67 180	#7543B4
50.0%	50.0% #7B60C3	RGB 123 96 195	#7B60C3
66.7%	66.7% #817CD2	RGB 129 124 210	#817CD2
83.3%	83.3% #8799E1	RGB 135 153 225	#8799E1
100.0%	100.0% #8EB6F0	RGB 142 182 240	#8EB6F0

#690A96 #6F26A5 #7543B4 #7B60C3 #817CD2 #8799E1 #8EB6F0

#690A96 - #8EB6F0

HSV Blend

#690A96 - #8EB6F0 | 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 #690A96 as 0% and #8EB6F0 as 100%.

0.0%	0.0% #690996	RGB 105 9 150	#690996
16.7%	16.7% #5E19A5	RGB 94 25 165	#5E19A5
33.3%	33.3% #562BB4	RGB 86 43 180	#562BB4
50.0%	50.0% #5140C3	RGB 81 64 195	#5140C3
66.7%	66.7% #575DD2	RGB 87 93 210	#575DD2
83.3%	83.3% #718AE1	RGB 113 138 225	#718AE1
100.0%	100.0% #8EB6F0	RGB 142 182 240	#8EB6F0

#690996 #5E19A5 #562BB4 #5140C3 #575DD2 #718AE1 #8EB6F0

#690A96 - #5140C3 - #8EB6F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #690996 0%, #5140C3 50%, #8EB6F0 100%);
    background: -webkit-linear-gradient(top, #690996 0%, #5140C3 50%, #8EB6F0 100%);
    background: linear-gradient(to bottom, #690996 0%, #5140C3 50%, #8EB6F0 100%);
}
</style>