#5E3E4D - #CF6393 | 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 #5E3E4D to #CF6393

#5E3E4D #CF6393

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

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

0.0%	0.0% #5E3E4D	RGB 94 62 77	#5E3E4D
16.7%	16.7% #704458	RGB 112 68 88	#704458
33.3%	33.3% #834A64	RGB 131 74 100	#834A64
50.0%	50.0% #965070	RGB 150 80 112	#965070
66.7%	66.7% #A9567B	RGB 169 86 123	#A9567B
83.3%	83.3% #BC5C87	RGB 188 92 135	#BC5C87
100.0%	100.0% #CF6393	RGB 207 99 147	#CF6393

#5E3E4D #704458 #834A64 #965070 #A9567B #BC5C87 #CF6393

#5E3E4D - #CF6393

HSV Blend

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

0.0%	0.0% #5E3E4D	RGB 94 62 77	#5E3E4D
16.7%	16.7% #70475A	RGB 112 71 90	#70475A
33.3%	33.3% #834E67	RGB 131 78 103	#834E67
50.0%	50.0% #965573	RGB 150 85 115	#965573
66.7%	66.7% #A95B7E	RGB 169 91 126	#A95B7E
83.3%	83.3% #BC5F89	RGB 188 95 137	#BC5F89
100.0%	100.0% #CF6393	RGB 207 99 147	#CF6393

#5E3E4D #70475A #834E67 #965573 #A95B7E #BC5F89 #CF6393

#5E3E4D - #965573 - #CF6393

CSS codes

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

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