#3A096B - #C6B8D4 | 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 #3A096B to #C6B8D4

#3A096B #C6B8D4

Calculate the color between two colors, #3A096B and #C6B8D4. 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)

#3A096B - #C6B8D4 | 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 #3A096B as 0% and #C6B8D4 as 100%.

0.0%	0.0% #3A096B	RGB 58 9 107	#3A096B
16.7%	16.7% #51267C	RGB 81 38 124	#51267C
33.3%	33.3% #68438E	RGB 104 67 142	#68438E
50.0%	50.0% #80609F	RGB 128 96 159	#80609F
66.7%	66.7% #977DB1	RGB 151 125 177	#977DB1
83.3%	83.3% #AE9AC2	RGB 174 154 194	#AE9AC2
100.0%	100.0% #C6B8D4	RGB 198 184 212	#C6B8D4

#3A096B #51267C #68438E #80609F #977DB1 #AE9AC2 #C6B8D4

#3A096B - #C6B8D4

HSV Blend

#3A096B - #C6B8D4 | 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 #3A096B as 0% and #C6B8D4 as 100%.

0.0%	0.0% #3A096B	RGB 58 9 107	#3A096B
16.7%	16.7% #4B1A7C	RGB 75 26 124	#4B1A7C
33.3%	33.3% #5F318E	RGB 95 49 142	#5F318E
50.0%	50.0% #754B9F	RGB 117 75 159	#754B9F
66.7%	66.7% #8E6BB1	RGB 142 107 177	#8E6BB1
83.3%	83.3% #A88FC2	RGB 168 143 194	#A88FC2
100.0%	100.0% #C6B8D4	RGB 198 184 212	#C6B8D4

#3A096B #4B1A7C #5F318E #754B9F #8E6BB1 #A88FC2 #C6B8D4

#3A096B - #754B9F - #C6B8D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A096B 0%, #754B9F 50%, #C6B8D4 100%);
    background: -webkit-linear-gradient(top, #3A096B 0%, #754B9F 50%, #C6B8D4 100%);
    background: linear-gradient(to bottom, #3A096B 0%, #754B9F 50%, #C6B8D4 100%);
}
</style>