#B098C7 - #60397E | 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 #B098C7 to #60397E

#B098C7 #60397E

Calculate the color between two colors, #B098C7 and #60397E. 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)

#B098C7 - #60397E | 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 #B098C7 as 0% and #60397E as 100%.

0.0%	0.0% #B098C7	RGB 176 152 199	#B098C7
16.7%	16.7% #A288BA	RGB 162 136 186	#A288BA
33.3%	33.3% #9578AE	RGB 149 120 174	#9578AE
50.0%	50.0% #8868A2	RGB 136 104 162	#8868A2
66.7%	66.7% #7A5896	RGB 122 88 150	#7A5896
83.3%	83.3% #6D488A	RGB 109 72 138	#6D488A
100.0%	100.0% #60397E	RGB 96 57 126	#60397E

#B098C7 #A288BA #9578AE #8868A2 #7A5896 #6D488A #60397E

#B098C7 - #60397E

HSV Blend

#B098C7 - #60397E | 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 #B098C7 as 0% and #60397E as 100%.

0.0%	0.0% #B098C7	RGB 176 152 199	#B098C7
16.7%	16.7% #A085BA	RGB 160 133 186	#A085BA
33.3%	33.3% #9273AE	RGB 146 115 174	#9273AE
50.0%	50.0% #8562A2	RGB 133 98 162	#8562A2
66.7%	66.7% #785396	RGB 120 83 150	#785396
83.3%	83.3% #6B458A	RGB 107 69 138	#6B458A
100.0%	100.0% #60397E	RGB 96 57 126	#60397E

#B098C7 #A085BA #9273AE #8562A2 #785396 #6B458A #60397E

#B098C7 - #8562A2 - #60397E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B098C7 0%, #8562A2 50%, #60397E 100%);
    background: -webkit-linear-gradient(top, #B098C7 0%, #8562A2 50%, #60397E 100%);
    background: linear-gradient(to bottom, #B098C7 0%, #8562A2 50%, #60397E 100%);
}
</style>