#3E3C64 - #C78887 | 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 #3E3C64 to #C78887

#3E3C64 #C78887

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

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

0.0%	0.0% #3E3C64	RGB 62 60 100	#3E3C64
16.7%	16.7% #544869	RGB 84 72 105	#544869
33.3%	33.3% #6B556F	RGB 107 85 111	#6B556F
50.0%	50.0% #826275	RGB 130 98 117	#826275
66.7%	66.7% #996E7B	RGB 153 110 123	#996E7B
83.3%	83.3% #B07B81	RGB 176 123 129	#B07B81
100.0%	100.0% #C78887	RGB 199 136 135	#C78887

#3E3C64 #544869 #6B556F #826275 #996E7B #B07B81 #C78887

#3E3C64 - #C78887

HSV Blend

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

0.0%	0.0% #3E3C64	RGB 62 60 100	#3E3C64
16.7%	16.7% #584774	RGB 88 71 116	#584774
33.3%	33.3% #765385	RGB 118 83 133	#765385
50.0%	50.0% #955F93	RGB 149 95 147	#955F93
66.7%	66.7% #A66C91	RGB 166 108 145	#A66C91
83.3%	83.3% #B6798C	RGB 182 121 140	#B6798C
100.0%	100.0% #C78887	RGB 199 136 135	#C78887

#3E3C64 #584774 #765385 #955F93 #A66C91 #B6798C #C78887

#3E3C64 - #955F93 - #C78887

CSS codes

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

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