#40134D - #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 #40134D to #C7BBCC

#40134D #C7BBCC

Calculate the color between two colors, #40134D 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)

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

0.0%	0.0% #40134D	RGB 64 19 77	#40134D
16.7%	16.7% #562F62	RGB 86 47 98	#562F62
33.3%	33.3% #6D4B77	RGB 109 75 119	#6D4B77
50.0%	50.0% #83678C	RGB 131 103 140	#83678C
66.7%	66.7% #9A83A1	RGB 154 131 161	#9A83A1
83.3%	83.3% #B09FB6	RGB 176 159 182	#B09FB6
100.0%	100.0% #C7BBCC	RGB 199 187 204	#C7BBCC

#40134D #562F62 #6D4B77 #83678C #9A83A1 #B09FB6 #C7BBCC

#40134D - #C7BBCC

HSV Blend

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

0.0%	0.0% #3F134D	RGB 63 19 77	#3F134D
16.7%	16.7% #532362	RGB 83 35 98	#532362
33.3%	33.3% #673877	RGB 103 56 119	#673877
50.0%	50.0% #7D518C	RGB 125 81 140	#7D518C
66.7%	66.7% #9470A1	RGB 148 112 161	#9470A1
83.3%	83.3% #AC93B6	RGB 172 147 182	#AC93B6
100.0%	100.0% #C7BBCC	RGB 199 187 204	#C7BBCC

#3F134D #532362 #673877 #7D518C #9470A1 #AC93B6 #C7BBCC

#40134D - #7D518C - #C7BBCC

CSS codes

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

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