#50507B - #CDCDD9 | 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 #50507B to #CDCDD9

#50507B #CDCDD9

Calculate the color between two colors, #50507B and #CDCDD9. 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)

#50507B - #CDCDD9 | 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 #50507B as 0% and #CDCDD9 as 100%.

0.0%	0.0% #50507B	RGB 80 80 123	#50507B
16.7%	16.7% #64648A	RGB 100 100 138	#64648A
33.3%	33.3% #79799A	RGB 121 121 154	#79799A
50.0%	50.0% #8E8EAA	RGB 142 142 170	#8E8EAA
66.7%	66.7% #A3A3B9	RGB 163 163 185	#A3A3B9
83.3%	83.3% #B8B8C9	RGB 184 184 201	#B8B8C9
100.0%	100.0% #CDCDD9	RGB 205 205 217	#CDCDD9

#50507B #64648A #79799A #8E8EAA #A3A3B9 #B8B8C9 #CDCDD9

#50507B - #CDCDD9

HSV Blend

#50507B - #CDCDD9 | 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 #50507B as 0% and #CDCDD9 as 100%.

0.0%	0.0% #50507B	RGB 80 80 123	#50507B
16.7%	16.7% #60608A	RGB 96 96 138	#60608A
33.3%	33.3% #73739A	RGB 115 115 154	#73739A
50.0%	50.0% #8787AA	RGB 135 135 170	#8787AA
66.7%	66.7% #9D9DB9	RGB 157 157 185	#9D9DB9
83.3%	83.3% #B4B4C9	RGB 180 180 201	#B4B4C9
100.0%	100.0% #CDCDD9	RGB 205 205 217	#CDCDD9

#50507B #60608A #73739A #8787AA #9D9DB9 #B4B4C9 #CDCDD9

#50507B - #8787AA - #CDCDD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50507B 0%, #8787AA 50%, #CDCDD9 100%);
    background: -webkit-linear-gradient(top, #50507B 0%, #8787AA 50%, #CDCDD9 100%);
    background: linear-gradient(to bottom, #50507B 0%, #8787AA 50%, #CDCDD9 100%);
}
</style>