#3D3669 - #C0828C | 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 #3D3669 to #C0828C

#3D3669 #C0828C

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

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

0.0%	0.0% #3D3669	RGB 61 54 105	#3D3669
16.7%	16.7% #52426E	RGB 82 66 110	#52426E
33.3%	33.3% #684F74	RGB 104 79 116	#684F74
50.0%	50.0% #7E5C7A	RGB 126 92 122	#7E5C7A
66.7%	66.7% #946880	RGB 148 104 128	#946880
83.3%	83.3% #AA7586	RGB 170 117 134	#AA7586
100.0%	100.0% #C0828C	RGB 192 130 140	#C0828C

#3D3669 #52426E #684F74 #7E5C7A #946880 #AA7586 #C0828C

#3D3669 - #C0828C

HSV Blend

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

0.0%	0.0% #3D3669	RGB 61 54 105	#3D3669
16.7%	16.7% #574077	RGB 87 64 119	#574077
33.3%	33.3% #744C86	RGB 116 76 134	#744C86
50.0%	50.0% #935894	RGB 147 88 148	#935894
66.7%	66.7% #A36592	RGB 163 101 146	#A36592
83.3%	83.3% #B1738F	RGB 177 115 143	#B1738F
100.0%	100.0% #C0828C	RGB 192 130 140	#C0828C

#3D3669 #574077 #744C86 #935894 #A36592 #B1738F #C0828C

#3D3669 - #935894 - #C0828C

CSS codes

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

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