#3D3C60 - #C78883 | 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 #3D3C60 to #C78883

#3D3C60 #C78883

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

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

0.0%	0.0% #3D3C60	RGB 61 60 96	#3D3C60
16.7%	16.7% #544865	RGB 84 72 101	#544865
33.3%	33.3% #6B556B	RGB 107 85 107	#6B556B
50.0%	50.0% #826271	RGB 130 98 113	#826271
66.7%	66.7% #996E77	RGB 153 110 119	#996E77
83.3%	83.3% #B07B7D	RGB 176 123 125	#B07B7D
100.0%	100.0% #C78883	RGB 199 136 131	#C78883

#3D3C60 #544865 #6B556B #826271 #996E77 #B07B7D #C78883

#3D3C60 - #C78883

HSV Blend

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

0.0%	0.0% #3D3C60	RGB 61 60 96	#3D3C60
16.7%	16.7% #564771	RGB 86 71 113	#564771
33.3%	33.3% #745282	RGB 116 82 130	#745282
50.0%	50.0% #935E90	RGB 147 94 144	#935E90
66.7%	66.7% #A46A8D	RGB 164 106 141	#A46A8D
83.3%	83.3% #B57687	RGB 181 118 135	#B57687
100.0%	100.0% #C78883	RGB 199 136 131	#C78883

#3D3C60 #564771 #745282 #935E90 #A46A8D #B57687 #C78883

#3D3C60 - #935E90 - #C78883

CSS codes

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

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