#5E7991 - #B4ADAF | 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 #5E7991 to #B4ADAF

#5E7991 #B4ADAF

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

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

0.0%	0.0% #5E7991	RGB 94 121 145	#5E7991
16.7%	16.7% #6C8196	RGB 108 129 150	#6C8196
33.3%	33.3% #7A8A9B	RGB 122 138 155	#7A8A9B
50.0%	50.0% #8993A0	RGB 137 147 160	#8993A0
66.7%	66.7% #979BA5	RGB 151 155 165	#979BA5
83.3%	83.3% #A5A4AA	RGB 165 164 170	#A5A4AA
100.0%	100.0% #B4ADAF	RGB 180 173 175	#B4ADAF

#5E7991 #6C8196 #7A8A9B #8993A0 #979BA5 #A5A4AA #B4ADAF

#5E7991 - #B4ADAF

HSV Blend

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

0.0%	0.0% #5E7991	RGB 94 121 145	#5E7991
16.7%	16.7% #697096	RGB 105 112 150	#697096
33.3%	33.3% #7E759C	RGB 126 117 156	#7E759C
50.0%	50.0% #9582A2	RGB 149 130 162	#9582A2
66.7%	66.7% #A790A8	RGB 167 144 168	#A790A8
83.3%	83.3% #AE9EA8	RGB 174 158 168	#AE9EA8
100.0%	100.0% #B4ADAF	RGB 180 173 175	#B4ADAF

#5E7991 #697096 #7E759C #9582A2 #A790A8 #AE9EA8 #B4ADAF

#5E7991 - #9582A2 - #B4ADAF

CSS codes

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

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