#5E4152 - #CA6B84 | 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 #5E4152 to #CA6B84

#5E4152 #CA6B84

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

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

0.0%	0.0% #5E4152	RGB 94 65 82	#5E4152
16.7%	16.7% #70485A	RGB 112 72 90	#70485A
33.3%	33.3% #824F62	RGB 130 79 98	#824F62
50.0%	50.0% #94566B	RGB 148 86 107	#94566B
66.7%	66.7% #A65D73	RGB 166 93 115	#A65D73
83.3%	83.3% #B8647B	RGB 184 100 123	#B8647B
100.0%	100.0% #CA6B84	RGB 202 107 132	#CA6B84

#5E4152 #70485A #824F62 #94566B #A65D73 #B8647B #CA6B84

#5E4152 - #CA6B84

HSV Blend

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

0.0%	0.0% #5E4152	RGB 94 65 82	#5E4152
16.7%	16.7% #704A5E	RGB 112 74 94	#704A5E
33.3%	33.3% #825269	RGB 130 82 105	#825269
50.0%	50.0% #945A72	RGB 148 90 114	#945A72
66.7%	66.7% #A6607A	RGB 166 96 122	#A6607A
83.3%	83.3% #B86680	RGB 184 102 128	#B86680
100.0%	100.0% #CA6B84	RGB 202 107 132	#CA6B84

#5E4152 #704A5E #825269 #945A72 #A6607A #B86680 #CA6B84

#5E4152 - #945A72 - #CA6B84

CSS codes

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

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