#5A8D9B - #CFCCB8 | 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 #5A8D9B to #CFCCB8

#5A8D9B #CFCCB8

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

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

0.0%	0.0% #5A8D9B	RGB 90 141 155	#5A8D9B
16.7%	16.7% #6D979F	RGB 109 151 159	#6D979F
33.3%	33.3% #81A2A4	RGB 129 162 164	#81A2A4
50.0%	50.0% #94ACA9	RGB 148 172 169	#94ACA9
66.7%	66.7% #A8B7AE	RGB 168 183 174	#A8B7AE
83.3%	83.3% #BBC1B3	RGB 187 193 179	#BBC1B3
100.0%	100.0% #CFCCB8	RGB 207 204 184	#CFCCB8

#5A8D9B #6D979F #81A2A4 #94ACA9 #A8B7AE #BBC1B3 #CFCCB8

#5A8D9B - #CFCCB8

HSV Blend

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

0.0%	0.0% #5A8D9B	RGB 90 141 155	#5A8D9B
16.7%	16.7% #67A399	RGB 103 163 153	#67A399
33.3%	33.3% #75AC8D	RGB 117 172 141	#75AC8D
50.0%	50.0% #84B587	RGB 132 181 135	#84B587
66.7%	66.7% #A3BD95	RGB 163 189 149	#A3BD95
83.3%	83.3% #BDC6A6	RGB 189 198 166	#BDC6A6
100.0%	100.0% #CFCCB8	RGB 207 204 184	#CFCCB8

#5A8D9B #67A399 #75AC8D #84B587 #A3BD95 #BDC6A6 #CFCCB8

#5A8D9B - #84B587 - #CFCCB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8D9B 0%, #84B587 50%, #CFCCB8 100%);
    background: -webkit-linear-gradient(top, #5A8D9B 0%, #84B587 50%, #CFCCB8 100%);
    background: linear-gradient(to bottom, #5A8D9B 0%, #84B587 50%, #CFCCB8 100%);
}
</style>