#3E114F - #C7BBCC | 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 #3E114F to #C7BBCC

#3E114F #C7BBCC

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

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

0.0%	0.0% #3E114F	RGB 62 17 79	#3E114F
16.7%	16.7% #542D63	RGB 84 45 99	#542D63
33.3%	33.3% #6B4978	RGB 107 73 120	#6B4978
50.0%	50.0% #82668D	RGB 130 102 141	#82668D
66.7%	66.7% #9982A2	RGB 153 130 162	#9982A2
83.3%	83.3% #B09EB7	RGB 176 158 183	#B09EB7
100.0%	100.0% #C7BBCC	RGB 199 187 204	#C7BBCC

#3E114F #542D63 #6B4978 #82668D #9982A2 #B09EB7 #C7BBCC

#3E114F - #C7BBCC

HSV Blend

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

0.0%	0.0% #3E114F	RGB 62 17 79	#3E114F
16.7%	16.7% #512163	RGB 81 33 99	#512163
33.3%	33.3% #653678	RGB 101 54 120	#653678
50.0%	50.0% #7C508D	RGB 124 80 141	#7C508D
66.7%	66.7% #936EA2	RGB 147 110 162	#936EA2
83.3%	83.3% #AC92B7	RGB 172 146 183	#AC92B7
100.0%	100.0% #C7BBCC	RGB 199 187 204	#C7BBCC

#3E114F #512163 #653678 #7C508D #936EA2 #AC92B7 #C7BBCC

#3E114F - #7C508D - #C7BBCC

CSS codes

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

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