#32205D - #C4BFD0 | 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 #32205D to #C4BFD0

#32205D #C4BFD0

Calculate the color between two colors, #32205D and #C4BFD0. 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)

#32205D - #C4BFD0 | 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 #32205D as 0% and #C4BFD0 as 100%.

0.0%	0.0% #32205D	RGB 50 32 93	#32205D
16.7%	16.7% #4A3A70	RGB 74 58 112	#4A3A70
33.3%	33.3% #625583	RGB 98 85 131	#625583
50.0%	50.0% #7B6F96	RGB 123 111 150	#7B6F96
66.7%	66.7% #938AA9	RGB 147 138 169	#938AA9
83.3%	83.3% #ABA4BC	RGB 171 164 188	#ABA4BC
100.0%	100.0% #C4BFD0	RGB 196 191 208	#C4BFD0

#32205D #4A3A70 #625583 #7B6F96 #938AA9 #ABA4BC #C4BFD0

#32205D - #C4BFD0

HSV Blend

#32205D - #C4BFD0 | 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 #32205D as 0% and #C4BFD0 as 100%.

0.0%	0.0% #32205D	RGB 50 32 93	#32205D
16.7%	16.7% #433170	RGB 67 49 112	#433170
33.3%	33.3% #584683	RGB 88 70 131	#584683
50.0%	50.0% #6F5E96	RGB 111 94 150	#6F5E96
66.7%	66.7% #887BA9	RGB 136 123 169	#887BA9
83.3%	83.3% #A59BBC	RGB 165 155 188	#A59BBC
100.0%	100.0% #C4BFD0	RGB 196 191 208	#C4BFD0

#32205D #433170 #584683 #6F5E96 #887BA9 #A59BBC #C4BFD0

#32205D - #6F5E96 - #C4BFD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #32205D 0%, #6F5E96 50%, #C4BFD0 100%);
    background: -webkit-linear-gradient(top, #32205D 0%, #6F5E96 50%, #C4BFD0 100%);
    background: linear-gradient(to bottom, #32205D 0%, #6F5E96 50%, #C4BFD0 100%);
}
</style>