#505067 - #CDCDD3 | 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 #505067 to #CDCDD3

#505067 #CDCDD3

Calculate the color between two colors, #505067 and #CDCDD3. 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)

#505067 - #CDCDD3 | 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 #505067 as 0% and #CDCDD3 as 100%.

0.0%	0.0% #505067	RGB 80 80 103	#505067
16.7%	16.7% #646479	RGB 100 100 121	#646479
33.3%	33.3% #79798B	RGB 121 121 139	#79798B
50.0%	50.0% #8E8E9D	RGB 142 142 157	#8E8E9D
66.7%	66.7% #A3A3AF	RGB 163 163 175	#A3A3AF
83.3%	83.3% #B8B8C1	RGB 184 184 193	#B8B8C1
100.0%	100.0% #CDCDD3	RGB 205 205 211	#CDCDD3

#505067 #646479 #79798B #8E8E9D #A3A3AF #B8B8C1 #CDCDD3

#505067 - #CDCDD3

HSV Blend

#505067 - #CDCDD3 | 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 #505067 as 0% and #CDCDD3 as 100%.

0.0%	0.0% #505067	RGB 80 80 103	#505067
16.7%	16.7% #616179	RGB 97 97 121	#616179
33.3%	33.3% #74748B	RGB 116 116 139	#74748B
50.0%	50.0% #89899D	RGB 137 137 157	#89899D
66.7%	66.7% #9E9EAF	RGB 158 158 175	#9E9EAF
83.3%	83.3% #B5B5C1	RGB 181 181 193	#B5B5C1
100.0%	100.0% #CDCDD3	RGB 205 205 211	#CDCDD3

#505067 #616179 #74748B #89899D #9E9EAF #B5B5C1 #CDCDD3

#505067 - #89899D - #CDCDD3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #505067 0%, #89899D 50%, #CDCDD3 100%);
    background: -webkit-linear-gradient(top, #505067 0%, #89899D 50%, #CDCDD3 100%);
    background: linear-gradient(to bottom, #505067 0%, #89899D 50%, #CDCDD3 100%);
}
</style>