#453D5E - #CE867B | 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 #453D5E to #CE867B

#453D5E #CE867B

Calculate the color between two colors, #453D5E and #CE867B. 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)

#453D5E - #CE867B | 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 #453D5E as 0% and #CE867B as 100%.

0.0%	0.0% #453D5E	RGB 69 61 94	#453D5E
16.7%	16.7% #5B4962	RGB 91 73 98	#5B4962
33.3%	33.3% #725567	RGB 114 85 103	#725567
50.0%	50.0% #89616C	RGB 137 97 108	#89616C
66.7%	66.7% #A06D71	RGB 160 109 113	#A06D71
83.3%	83.3% #B77976	RGB 183 121 118	#B77976
100.0%	100.0% #CE867B	RGB 206 134 123	#CE867B

#453D5E #5B4962 #725567 #89616C #A06D71 #B77976 #CE867B

#453D5E - #CE867B

HSV Blend

#453D5E - #CE867B | 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 #453D5E as 0% and #CE867B as 100%.

0.0%	0.0% #453D5E	RGB 69 61 94	#453D5E
16.7%	16.7% #5E4870	RGB 94 72 112	#5E4870
33.3%	33.3% #7D5283	RGB 125 82 131	#7D5283
50.0%	50.0% #965D8B	RGB 150 93 139	#965D8B
66.7%	66.7% #A86787	RGB 168 103 135	#A86787
83.3%	83.3% #BB717E	RGB 187 113 126	#BB717E
100.0%	100.0% #CE867B	RGB 206 134 123	#CE867B

#453D5E #5E4870 #7D5283 #965D8B #A86787 #BB717E #CE867B

#453D5E - #965D8B - #CE867B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #453D5E 0%, #965D8B 50%, #CE867B 100%);
    background: -webkit-linear-gradient(top, #453D5E 0%, #965D8B 50%, #CE867B 100%);
    background: linear-gradient(to bottom, #453D5E 0%, #965D8B 50%, #CE867B 100%);
}
</style>