#402176 - #B0699B | 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 #402176 to #B0699B

#402176 #B0699B

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

#402176 - #B0699B | 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 #402176 as 0% and #B0699B as 100%.

0.0%	0.0% #402176	RGB 64 33 118	#402176
16.7%	16.7% #522D7C	RGB 82 45 124	#522D7C
33.3%	33.3% #653982	RGB 101 57 130	#653982
50.0%	50.0% #784588	RGB 120 69 136	#784588
66.7%	66.7% #8A518E	RGB 138 81 142	#8A518E
83.3%	83.3% #9D5D94	RGB 157 93 148	#9D5D94
100.0%	100.0% #B0699B	RGB 176 105 155	#B0699B

#402176 #522D7C #653982 #784588 #8A518E #9D5D94 #B0699B

#402176 - #B0699B

HSV Blend

#402176 - #B0699B | 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 #402176 as 0% and #B0699B as 100%.

0.0%	0.0% #3F2176	RGB 63 33 118	#3F2176
16.7%	16.7% #562A7F	RGB 86 42 127	#562A7F
33.3%	33.3% #6D3489	RGB 109 52 137	#6D3489
50.0%	50.0% #844093	RGB 132 64 147	#844093
66.7%	66.7% #9B4C9C	RGB 155 76 156	#9B4C9C
83.3%	83.3% #A65A9B	RGB 166 90 155	#A65A9B
100.0%	100.0% #B0699B	RGB 176 105 155	#B0699B

#3F2176 #562A7F #6D3489 #844093 #9B4C9C #A65A9B #B0699B

#402176 - #844093 - #B0699B

CSS codes

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

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