#3C3F7E - #8184A8 | 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 #3C3F7E to #8184A8

#3C3F7E #8184A8

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

#3C3F7E - #8184A8 | 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 #3C3F7E as 0% and #8184A8 as 100%.

0.0%	0.0% #3C3F7E	RGB 60 63 126	#3C3F7E
16.7%	16.7% #474A85	RGB 71 74 133	#474A85
33.3%	33.3% #53568C	RGB 83 86 140	#53568C
50.0%	50.0% #5E6193	RGB 94 97 147	#5E6193
66.7%	66.7% #6A6D9A	RGB 106 109 154	#6A6D9A
83.3%	83.3% #7578A1	RGB 117 120 161	#7578A1
100.0%	100.0% #8184A8	RGB 129 132 168	#8184A8

#3C3F7E #474A85 #53568C #5E6193 #6A6D9A #7578A1 #8184A8

#3C3F7E - #8184A8

HSV Blend

#3C3F7E - #8184A8 | 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 #3C3F7E as 0% and #8184A8 as 100%.

0.0%	0.0% #3C3E7E	RGB 60 62 126	#3C3E7E
16.7%	16.7% #454985	RGB 69 73 133	#454985
33.3%	33.3% #50538C	RGB 80 83 140	#50538C
50.0%	50.0% #5B5E93	RGB 91 94 147	#5B5E93
66.7%	66.7% #676A9A	RGB 103 106 154	#676A9A
83.3%	83.3% #7377A1	RGB 115 119 161	#7377A1
100.0%	100.0% #8184A8	RGB 129 132 168	#8184A8

#3C3E7E #454985 #50538C #5B5E93 #676A9A #7377A1 #8184A8

#3C3F7E - #5B5E93 - #8184A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E7E 0%, #5B5E93 50%, #8184A8 100%);
    background: -webkit-linear-gradient(top, #3C3E7E 0%, #5B5E93 50%, #8184A8 100%);
    background: linear-gradient(to bottom, #3C3E7E 0%, #5B5E93 50%, #8184A8 100%);
}
</style>