#3E365E - #C27F7E | 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 #3E365E to #C27F7E

#3E365E #C27F7E

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

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

0.0%	0.0% #3E365E	RGB 62 54 94	#3E365E
16.7%	16.7% #544263	RGB 84 66 99	#544263
33.3%	33.3% #6A4E68	RGB 106 78 104	#6A4E68
50.0%	50.0% #805A6E	RGB 128 90 110	#805A6E
66.7%	66.7% #966673	RGB 150 102 115	#966673
83.3%	83.3% #AC7278	RGB 172 114 120	#AC7278
100.0%	100.0% #C27F7E	RGB 194 127 126	#C27F7E

#3E365E #544263 #6A4E68 #805A6E #966673 #AC7278 #C27F7E

#3E365E - #C27F7E

HSV Blend

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

0.0%	0.0% #3E365E	RGB 62 54 94	#3E365E
16.7%	16.7% #57406E	RGB 87 64 110	#57406E
33.3%	33.3% #754C7F	RGB 117 76 127	#754C7F
50.0%	50.0% #90588A	RGB 144 88 138	#90588A
66.7%	66.7% #A06487	RGB 160 100 135	#A06487
83.3%	83.3% #B17083	RGB 177 112 131	#B17083
100.0%	100.0% #C27F7E	RGB 194 127 126	#C27F7E

#3E365E #57406E #754C7F #90588A #A06487 #B17083 #C27F7E

#3E365E - #90588A - #C27F7E

CSS codes

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

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