#3C485C - #666EC6 | 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 #3C485C to #666EC6

#3C485C #666EC6

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

#3C485C - #666EC6 | 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 #3C485C as 0% and #666EC6 as 100%.

0.0%	0.0% #3C485C	RGB 60 72 92	#3C485C
16.7%	16.7% #434E6D	RGB 67 78 109	#434E6D
33.3%	33.3% #4A547F	RGB 74 84 127	#4A547F
50.0%	50.0% #515B91	RGB 81 91 145	#515B91
66.7%	66.7% #5861A2	RGB 88 97 162	#5861A2
83.3%	83.3% #5F67B4	RGB 95 103 180	#5F67B4
100.0%	100.0% #666EC6	RGB 102 110 198	#666EC6

#3C485C #434E6D #4A547F #515B91 #5861A2 #5F67B4 #666EC6

#3C485C - #666EC6

HSV Blend

#3C485C - #666EC6 | 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 #3C485C as 0% and #666EC6 as 100%.

0.0%	0.0% #3C475C	RGB 60 71 92	#3C475C
16.7%	16.7% #45526D	RGB 69 82 109	#45526D
33.3%	33.3% #4D5B7F	RGB 77 91 127	#4D5B7F
50.0%	50.0% #546291	RGB 84 98 145	#546291
66.7%	66.7% #5B68A2	RGB 91 104 162	#5B68A2
83.3%	83.3% #616CB4	RGB 97 108 180	#616CB4
100.0%	100.0% #666EC6	RGB 102 110 198	#666EC6

#3C475C #45526D #4D5B7F #546291 #5B68A2 #616CB4 #666EC6

#3C485C - #546291 - #666EC6

CSS codes

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

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