#3C2160 - #C7BFD1 | 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 #3C2160 to #C7BFD1

#3C2160 #C7BFD1

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

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

0.0%	0.0% #3C2160	RGB 60 33 96	#3C2160
16.7%	16.7% #533B72	RGB 83 59 114	#533B72
33.3%	33.3% #6A5585	RGB 106 85 133	#6A5585
50.0%	50.0% #817098	RGB 129 112 152	#817098
66.7%	66.7% #988AAB	RGB 152 138 171	#988AAB
83.3%	83.3% #AFA4BE	RGB 175 164 190	#AFA4BE
100.0%	100.0% #C7BFD1	RGB 199 191 209	#C7BFD1

#3C2160 #533B72 #6A5585 #817098 #988AAB #AFA4BE #C7BFD1

#3C2160 - #C7BFD1

HSV Blend

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

0.0%	0.0% #3C2160	RGB 60 33 96	#3C2160
16.7%	16.7% #4E3272	RGB 78 50 114	#4E3272
33.3%	33.3% #624785	RGB 98 71 133	#624785
50.0%	50.0% #785F98	RGB 120 95 152	#785F98
66.7%	66.7% #907CAB	RGB 144 124 171	#907CAB
83.3%	83.3% #AA9BBE	RGB 170 155 190	#AA9BBE
100.0%	100.0% #C7BFD1	RGB 199 191 209	#C7BFD1

#3C2160 #4E3272 #624785 #785F98 #907CAB #AA9BBE #C7BFD1

#3C2160 - #785F98 - #C7BFD1

CSS codes

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

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