#5E3852 - #CB817A | 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 #5E3852 to #CB817A

#5E3852 #CB817A

Calculate the color between two colors, #5E3852 and #CB817A. 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)

#5E3852 - #CB817A | 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 #5E3852 as 0% and #CB817A as 100%.

0.0%	0.0% #5E3852	RGB 94 56 82	#5E3852
16.7%	16.7% #704458	RGB 112 68 88	#704458
33.3%	33.3% #82505F	RGB 130 80 95	#82505F
50.0%	50.0% #945C66	RGB 148 92 102	#945C66
66.7%	66.7% #A6686C	RGB 166 104 108	#A6686C
83.3%	83.3% #B87473	RGB 184 116 115	#B87473
100.0%	100.0% #CB817A	RGB 203 129 122	#CB817A

#5E3852 #704458 #82505F #945C66 #A6686C #B87473 #CB817A

#5E3852 - #CB817A

HSV Blend

#5E3852 - #CB817A | 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 #5E3852 as 0% and #CB817A as 100%.

0.0%	0.0% #5E3851	RGB 94 56 81	#5E3851
16.7%	16.7% #70425C	RGB 112 66 92	#70425C
33.3%	33.3% #824D64	RGB 130 77 100	#824D64
50.0%	50.0% #94586A	RGB 148 88 106	#94586A
66.7%	66.7% #A6636F	RGB 166 99 111	#A6636F
83.3%	83.3% #B86E72	RGB 184 110 114	#B86E72
100.0%	100.0% #CB817A	RGB 203 129 122	#CB817A

#5E3851 #70425C #824D64 #94586A #A6636F #B86E72 #CB817A

#5E3852 - #94586A - #CB817A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3851 0%, #94586A 50%, #CB817A 100%);
    background: -webkit-linear-gradient(top, #5E3851 0%, #94586A 50%, #CB817A 100%);
    background: linear-gradient(to bottom, #5E3851 0%, #94586A 50%, #CB817A 100%);
}
</style>