#3A3E5E - #C6C7D1 | 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 #3A3E5E to #C6C7D1

#3A3E5E #C6C7D1

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

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

0.0%	0.0% #3A3E5E	RGB 58 62 94	#3A3E5E
16.7%	16.7% #515471	RGB 81 84 113	#515471
33.3%	33.3% #686B84	RGB 104 107 132	#686B84
50.0%	50.0% #808297	RGB 128 130 151	#808297
66.7%	66.7% #9799AA	RGB 151 153 170	#9799AA
83.3%	83.3% #AEB0BD	RGB 174 176 189	#AEB0BD
100.0%	100.0% #C6C7D1	RGB 198 199 209	#C6C7D1

#3A3E5E #515471 #686B84 #808297 #9799AA #AEB0BD #C6C7D1

#3A3E5E - #C6C7D1

HSV Blend

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

0.0%	0.0% #3A3E5E	RGB 58 62 94	#3A3E5E
16.7%	16.7% #4C5071	RGB 76 80 113	#4C5071
33.3%	33.3% #606384	RGB 96 99 132	#606384
50.0%	50.0% #767997	RGB 118 121 151	#767997
66.7%	66.7% #8E91AA	RGB 142 145 170	#8E91AA
83.3%	83.3% #A9ABBD	RGB 169 171 189	#A9ABBD
100.0%	100.0% #C6C7D1	RGB 198 199 209	#C6C7D1

#3A3E5E #4C5071 #606384 #767997 #8E91AA #A9ABBD #C6C7D1

#3A3E5E - #767997 - #C6C7D1

CSS codes

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

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