#3D3D5E - #6763CD | 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 #3D3D5E to #6763CD

#3D3D5E #6763CD

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

#3D3D5E - #6763CD | 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 #3D3D5E as 0% and #6763CD as 100%.

0.0%	0.0% #3D3D5E	RGB 61 61 94	#3D3D5E
16.7%	16.7% #444370	RGB 68 67 112	#444370
33.3%	33.3% #4B4983	RGB 75 73 131	#4B4983
50.0%	50.0% #525095	RGB 82 80 149	#525095
66.7%	66.7% #5956A8	RGB 89 86 168	#5956A8
83.3%	83.3% #605CBA	RGB 96 92 186	#605CBA
100.0%	100.0% #6763CD	RGB 103 99 205	#6763CD

#3D3D5E #444370 #4B4983 #525095 #5956A8 #605CBA #6763CD

#3D3D5E - #6763CD

HSV Blend

#3D3D5E - #6763CD | 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 #3D3D5E as 0% and #6763CD as 100%.

0.0%	0.0% #3D3D5E	RGB 61 61 94	#3D3D5E
16.7%	16.7% #464570	RGB 70 69 112	#464570
33.3%	33.3% #4E4D83	RGB 78 77 131	#4E4D83
50.0%	50.0% #555495	RGB 85 84 149	#555495
66.7%	66.7% #5C5AA8	RGB 92 90 168	#5C5AA8
83.3%	83.3% #625FBA	RGB 98 95 186	#625FBA
100.0%	100.0% #6763CD	RGB 103 99 205	#6763CD

#3D3D5E #464570 #4E4D83 #555495 #5C5AA8 #625FBA #6763CD

#3D3D5E - #555495 - #6763CD

CSS codes

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

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