#5A616B - #CFD0D4 | 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 #5A616B to #CFD0D4

#5A616B #CFD0D4

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

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

0.0%	0.0% #5A616B	RGB 90 97 107	#5A616B
16.7%	16.7% #6D737C	RGB 109 115 124	#6D737C
33.3%	33.3% #81868E	RGB 129 134 142	#81868E
50.0%	50.0% #94989F	RGB 148 152 159	#94989F
66.7%	66.7% #A8ABB1	RGB 168 171 177	#A8ABB1
83.3%	83.3% #BBBDC2	RGB 187 189 194	#BBBDC2
100.0%	100.0% #CFD0D4	RGB 207 208 212	#CFD0D4

#5A616B #6D737C #81868E #94989F #A8ABB1 #BBBDC2 #CFD0D4

#5A616B - #CFD0D4

HSV Blend

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

0.0%	0.0% #5A616B	RGB 90 97 107	#5A616B
16.7%	16.7% #6B717C	RGB 107 113 124	#6B717C
33.3%	33.3% #7D838E	RGB 125 131 142	#7D838E
50.0%	50.0% #90959F	RGB 144 149 159	#90959F
66.7%	66.7% #A4A8B1	RGB 164 168 177	#A4A8B1
83.3%	83.3% #B9BBC2	RGB 185 187 194	#B9BBC2
100.0%	100.0% #CFD0D4	RGB 207 208 212	#CFD0D4

#5A616B #6B717C #7D838E #90959F #A4A8B1 #B9BBC2 #CFD0D4

#5A616B - #90959F - #CFD0D4

CSS codes

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

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