#5E7890 - #C1BAAE | 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 #5E7890 to #C1BAAE

#5E7890 #C1BAAE

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

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

0.0%	0.0% #5E7890	RGB 94 120 144	#5E7890
16.7%	16.7% #6E8395	RGB 110 131 149	#6E8395
33.3%	33.3% #7F8E9A	RGB 127 142 154	#7F8E9A
50.0%	50.0% #8F999F	RGB 143 153 159	#8F999F
66.7%	66.7% #A0A4A4	RGB 160 164 164	#A0A4A4
83.3%	83.3% #B0AFA9	RGB 176 175 169	#B0AFA9
100.0%	100.0% #C1BAAE	RGB 193 186 174	#C1BAAE

#5E7890 #6E8395 #7F8E9A #8F999F #A0A4A4 #B0AFA9 #C1BAAE

#5E7890 - #C1BAAE

HSV Blend

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

0.0%	0.0% #5E7890	RGB 94 120 144	#5E7890
16.7%	16.7% #699798	RGB 105 151 152	#699798
33.3%	33.3% #75A08C	RGB 117 160 140	#75A08C
50.0%	50.0% #82A885	RGB 130 168 133	#82A885
66.7%	66.7% #9EB090	RGB 158 176 144	#9EB090
83.3%	83.3% #B6B89E	RGB 182 184 158	#B6B89E
100.0%	100.0% #C1BAAE	RGB 193 186 174	#C1BAAE

#5E7890 #699798 #75A08C #82A885 #9EB090 #B6B89E #C1BAAE

#5E7890 - #82A885 - #C1BAAE

CSS codes

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

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