#3C134D - #C6BBCC | 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 #3C134D to #C6BBCC

#3C134D #C6BBCC

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

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

0.0%	0.0% #3C134D	RGB 60 19 77	#3C134D
16.7%	16.7% #532F62	RGB 83 47 98	#532F62
33.3%	33.3% #6A4B77	RGB 106 75 119	#6A4B77
50.0%	50.0% #81678C	RGB 129 103 140	#81678C
66.7%	66.7% #9883A1	RGB 152 131 161	#9883A1
83.3%	83.3% #AF9FB6	RGB 175 159 182	#AF9FB6
100.0%	100.0% #C6BBCC	RGB 198 187 204	#C6BBCC

#3C134D #532F62 #6A4B77 #81678C #9883A1 #AF9FB6 #C6BBCC

#3C134D - #C6BBCC

HSV Blend

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

0.0%	0.0% #3C134D	RGB 60 19 77	#3C134D
16.7%	16.7% #4F2362	RGB 79 35 98	#4F2362
33.3%	33.3% #633877	RGB 99 56 119	#633877
50.0%	50.0% #79518C	RGB 121 81 140	#79518C
66.7%	66.7% #9170A1	RGB 145 112 161	#9170A1
83.3%	83.3% #AA93B6	RGB 170 147 182	#AA93B6
100.0%	100.0% #C6BBCC	RGB 198 187 204	#C6BBCC

#3C134D #4F2362 #633877 #79518C #9170A1 #AA93B6 #C6BBCC

#3C134D - #79518C - #C6BBCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C134D 0%, #79518C 50%, #C6BBCC 100%);
    background: -webkit-linear-gradient(top, #3C134D 0%, #79518C 50%, #C6BBCC 100%);
    background: linear-gradient(to bottom, #3C134D 0%, #79518C 50%, #C6BBCC 100%);
}
</style>