#B8A8C9 - #683C95 | 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 #B8A8C9 to #683C95

#B8A8C9 #683C95

Calculate the color between two colors, #B8A8C9 and #683C95. 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)

#B8A8C9 - #683C95 | 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 #B8A8C9 as 0% and #683C95 as 100%.

0.0%	0.0% #B8A8C9	RGB 184 168 201	#B8A8C9
16.7%	16.7% #AA96C0	RGB 170 150 192	#AA96C0
33.3%	33.3% #9D84B7	RGB 157 132 183	#9D84B7
50.0%	50.0% #9072AF	RGB 144 114 175	#9072AF
66.7%	66.7% #8260A6	RGB 130 96 166	#8260A6
83.3%	83.3% #754E9D	RGB 117 78 157	#754E9D
100.0%	100.0% #683C95	RGB 104 60 149	#683C95

#B8A8C9 #AA96C0 #9D84B7 #9072AF #8260A6 #754E9D #683C95

#B8A8C9 - #683C95

HSV Blend

#B8A8C9 - #683C95 | 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 #B8A8C9 as 0% and #683C95 as 100%.

0.0%	0.0% #B8A8C9	RGB 184 168 201	#B8A8C9
16.7%	16.7% #A892C0	RGB 168 146 192	#A892C0
33.3%	33.3% #9A7EB7	RGB 154 126 183	#9A7EB7
50.0%	50.0% #8C6CAF	RGB 140 108 175	#8C6CAF
66.7%	66.7% #805AA6	RGB 128 90 166	#805AA6
83.3%	83.3% #734A9D	RGB 115 74 157	#734A9D
100.0%	100.0% #683C95	RGB 104 60 149	#683C95

#B8A8C9 #A892C0 #9A7EB7 #8C6CAF #805AA6 #734A9D #683C95

#B8A8C9 - #8C6CAF - #683C95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8A8C9 0%, #8C6CAF 50%, #683C95 100%);
    background: -webkit-linear-gradient(top, #B8A8C9 0%, #8C6CAF 50%, #683C95 100%);
    background: linear-gradient(to bottom, #B8A8C9 0%, #8C6CAF 50%, #683C95 100%);
}
</style>