#5E648F - #C4CCAF | 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 #5E648F to #C4CCAF

#5E648F #C4CCAF

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

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

0.0%	0.0% #5E648F	RGB 94 100 143	#5E648F
16.7%	16.7% #6F7594	RGB 111 117 148	#6F7594
33.3%	33.3% #808699	RGB 128 134 153	#808699
50.0%	50.0% #91989F	RGB 145 152 159	#91989F
66.7%	66.7% #A2A9A4	RGB 162 169 164	#A2A9A4
83.3%	83.3% #B3BAA9	RGB 179 186 169	#B3BAA9
100.0%	100.0% #C4CCAF	RGB 196 204 175	#C4CCAF

#5E648F #6F7594 #808699 #91989F #A2A9A4 #B3BAA9 #C4CCAF

#5E648F - #C4CCAF

HSV Blend

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

0.0%	0.0% #5E648F	RGB 94 100 143	#5E648F
16.7%	16.7% #698499	RGB 105 132 153	#698499
33.3%	33.3% #76A2A3	RGB 118 162 163	#76A2A3
50.0%	50.0% #83AD9B	RGB 131 173 155	#83AD9B
66.7%	66.7% #91B796	RGB 145 183 150	#91B796
83.3%	83.3% #A9C19F	RGB 169 193 159	#A9C19F
100.0%	100.0% #C4CCAF	RGB 196 204 175	#C4CCAF

#5E648F #698499 #76A2A3 #83AD9B #91B796 #A9C19F #C4CCAF

#5E648F - #83AD9B - #C4CCAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E648F 0%, #83AD9B 50%, #C4CCAF 100%);
    background: -webkit-linear-gradient(top, #5E648F 0%, #83AD9B 50%, #C4CCAF 100%);
    background: linear-gradient(to bottom, #5E648F 0%, #83AD9B 50%, #C4CCAF 100%);
}
</style>