#5A6980 - #CFD4DA | 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 #5A6980 to #CFD4DA

#5A6980 #CFD4DA

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

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

0.0%	0.0% #5A6980	RGB 90 105 128	#5A6980
16.7%	16.7% #6D7A8F	RGB 109 122 143	#6D7A8F
33.3%	33.3% #818C9E	RGB 129 140 158	#818C9E
50.0%	50.0% #949EAD	RGB 148 158 173	#949EAD
66.7%	66.7% #A8B0BC	RGB 168 176 188	#A8B0BC
83.3%	83.3% #BBC2CB	RGB 187 194 203	#BBC2CB
100.0%	100.0% #CFD4DA	RGB 207 212 218	#CFD4DA

#5A6980 #6D7A8F #818C9E #949EAD #A8B0BC #BBC2CB #CFD4DA

#5A6980 - #CFD4DA

HSV Blend

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

0.0%	0.0% #5A6980	RGB 90 105 128	#5A6980
16.7%	16.7% #6A798F	RGB 106 121 143	#6A798F
33.3%	33.3% #7C8A9E	RGB 124 138 158	#7C8A9E
50.0%	50.0% #8E9BAD	RGB 142 155 173	#8E9BAD
66.7%	66.7% #A3ADBC	RGB 163 173 188	#A3ADBC
83.3%	83.3% #B8C0CB	RGB 184 192 203	#B8C0CB
100.0%	100.0% #CFD4DA	RGB 207 212 218	#CFD4DA

#5A6980 #6A798F #7C8A9E #8E9BAD #A3ADBC #B8C0CB #CFD4DA

#5A6980 - #8E9BAD - #CFD4DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A6980 0%, #8E9BAD 50%, #CFD4DA 100%);
    background: -webkit-linear-gradient(top, #5A6980 0%, #8E9BAD 50%, #CFD4DA 100%);
    background: linear-gradient(to bottom, #5A6980 0%, #8E9BAD 50%, #CFD4DA 100%);
}
</style>