#7B8FDB - #A59DFE | 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 #7B8FDB to #A59DFE

#7B8FDB #A59DFE

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

#7B8FDB - #A59DFE | 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 #7B8FDB as 0% and #A59DFE as 100%.

0.0%	0.0% #7B8FDB	RGB 123 143 219	#7B8FDB
16.7%	16.7% #8291E0	RGB 130 145 224	#8291E0
33.3%	33.3% #8993E6	RGB 137 147 230	#8993E6
50.0%	50.0% #9096EC	RGB 144 150 236	#9096EC
66.7%	66.7% #9798F2	RGB 151 152 242	#9798F2
83.3%	83.3% #9E9AF8	RGB 158 154 248	#9E9AF8
100.0%	100.0% #A59DFE	RGB 165 157 254	#A59DFE

#7B8FDB #8291E0 #8993E6 #9096EC #9798F2 #9E9AF8 #A59DFE

#7B8FDB - #A59DFE

HSV Blend

#7B8FDB - #A59DFE | 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 #7B8FDB as 0% and #A59DFE as 100%.

0.0%	0.0% #7B8EDB	RGB 123 142 219	#7B8EDB
16.7%	16.7% #808FE0	RGB 128 143 224	#808FE0
33.3%	33.3% #8590E6	RGB 133 144 230	#8590E6
50.0%	50.0% #8B91EC	RGB 139 145 236	#8B91EC
66.7%	66.7% #9192F2	RGB 145 146 242	#9192F2
83.3%	83.3% #9A97F8	RGB 154 151 248	#9A97F8
100.0%	100.0% #A59DFE	RGB 165 157 254	#A59DFE

#7B8EDB #808FE0 #8590E6 #8B91EC #9192F2 #9A97F8 #A59DFE

#7B8FDB - #8B91EC - #A59DFE

CSS codes

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

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