#3C3C6D - #635DDB | 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 #3C3C6D to #635DDB

#3C3C6D #635DDB

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

#3C3C6D - #635DDB | 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 #3C3C6D as 0% and #635DDB as 100%.

0.0%	0.0% #3C3C6D	RGB 60 60 109	#3C3C6D
16.7%	16.7% #42417F	RGB 66 65 127	#42417F
33.3%	33.3% #494791	RGB 73 71 145	#494791
50.0%	50.0% #4F4CA4	RGB 79 76 164	#4F4CA4
66.7%	66.7% #5652B6	RGB 86 82 182	#5652B6
83.3%	83.3% #5C57C8	RGB 92 87 200	#5C57C8
100.0%	100.0% #635DDB	RGB 99 93 219	#635DDB

#3C3C6D #42417F #494791 #4F4CA4 #5652B6 #5C57C8 #635DDB

#3C3C6D - #635DDB

HSV Blend

#3C3C6D - #635DDB | 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 #3C3C6D as 0% and #635DDB as 100%.

0.0%	0.0% #3C3C6D	RGB 60 60 109	#3C3C6D
16.7%	16.7% #43437F	RGB 67 67 127	#43437F
33.3%	33.3% #4B4A91	RGB 75 74 145	#4B4A91
50.0%	50.0% #514FA4	RGB 81 79 164	#514FA4
66.7%	66.7% #5855B6	RGB 88 85 182	#5855B6
83.3%	83.3% #5D59C8	RGB 93 89 200	#5D59C8
100.0%	100.0% #635DDB	RGB 99 93 219	#635DDB

#3C3C6D #43437F #4B4A91 #514FA4 #5855B6 #5D59C8 #635DDB

#3C3C6D - #514FA4 - #635DDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C6D 0%, #514FA4 50%, #635DDB 100%);
    background: -webkit-linear-gradient(top, #3C3C6D 0%, #514FA4 50%, #635DDB 100%);
    background: linear-gradient(to bottom, #3C3C6D 0%, #514FA4 50%, #635DDB 100%);
}
</style>