#3D4E5E - #8774CD | 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 #3D4E5E to #8774CD

#3D4E5E #8774CD

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

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

0.0%	0.0% #3D4E5E	RGB 61 78 94	#3D4E5E
16.7%	16.7% #495470	RGB 73 84 112	#495470
33.3%	33.3% #555A83	RGB 85 90 131	#555A83
50.0%	50.0% #626195	RGB 98 97 149	#626195
66.7%	66.7% #6E67A8	RGB 110 103 168	#6E67A8
83.3%	83.3% #7A6DBA	RGB 122 109 186	#7A6DBA
100.0%	100.0% #8774CD	RGB 135 116 205	#8774CD

#3D4E5E #495470 #555A83 #626195 #6E67A8 #7A6DBA #8774CD

#3D4E5E - #8774CD

HSV Blend

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

0.0%	0.0% #3D4E5E	RGB 61 78 94	#3D4E5E
16.7%	16.7% #475770	RGB 71 87 112	#475770
33.3%	33.3% #515E83	RGB 81 94 131	#515E83
50.0%	50.0% #5A6395	RGB 90 99 149	#5A6395
66.7%	66.7% #6365A8	RGB 99 101 168	#6365A8
83.3%	83.3% #736CBA	RGB 115 108 186	#736CBA
100.0%	100.0% #8774CD	RGB 135 116 205	#8774CD

#3D4E5E #475770 #515E83 #5A6395 #6365A8 #736CBA #8774CD

#3D4E5E - #5A6395 - #8774CD

CSS codes

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

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