#3E3A79 - #C1899E | 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 #3E3A79 to #C1899E

#3E3A79 #C1899E

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

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

0.0%	0.0% #3E3A79	RGB 62 58 121	#3E3A79
16.7%	16.7% #53477F	RGB 83 71 127	#53477F
33.3%	33.3% #695485	RGB 105 84 133	#695485
50.0%	50.0% #7F618B	RGB 127 97 139	#7F618B
66.7%	66.7% #956E91	RGB 149 110 145	#956E91
83.3%	83.3% #AB7B97	RGB 171 123 151	#AB7B97
100.0%	100.0% #C1899E	RGB 193 137 158	#C1899E

#3E3A79 #53477F #695485 #7F618B #956E91 #AB7B97 #C1899E

#3E3A79 - #C1899E

HSV Blend

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

0.0%	0.0% #3D3A79	RGB 61 58 121	#3D3A79
16.7%	16.7% #594485	RGB 89 68 133	#594485
33.3%	33.3% #765091	RGB 118 80 145	#765091
50.0%	50.0% #935D9D	RGB 147 93 157	#935D9D
66.7%	66.7% #A96AA2	RGB 169 106 162	#A96AA2
83.3%	83.3% #B5799F	RGB 181 121 159	#B5799F
100.0%	100.0% #C1899E	RGB 193 137 158	#C1899E

#3D3A79 #594485 #765091 #935D9D #A96AA2 #B5799F #C1899E

#3E3A79 - #935D9D - #C1899E

CSS codes

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

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