#4967CD - #AFC1DB | 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 #4967CD to #AFC1DB

#4967CD #AFC1DB

Calculate the color between two colors, #4967CD and #AFC1DB. 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)

#4967CD - #AFC1DB | 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 #4967CD as 0% and #AFC1DB as 100%.

0.0%	0.0% #4967CD	RGB 73 103 205	#4967CD
16.7%	16.7% #5A76CF	RGB 90 118 207	#5A76CF
33.3%	33.3% #6B85D1	RGB 107 133 209	#6B85D1
50.0%	50.0% #7C94D4	RGB 124 148 212	#7C94D4
66.7%	66.7% #8DA3D6	RGB 141 163 214	#8DA3D6
83.3%	83.3% #9EB2D8	RGB 158 178 216	#9EB2D8
100.0%	100.0% #AFC1DB	RGB 175 193 219	#AFC1DB

#4967CD #5A76CF #6B85D1 #7C94D4 #8DA3D6 #9EB2D8 #AFC1DB

#4967CD - #AFC1DB

HSV Blend

#4967CD - #AFC1DB | 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 #4967CD as 0% and #AFC1DB as 100%.

0.0%	0.0% #4867CD	RGB 72 103 205	#4867CD
16.7%	16.7% #5977CF	RGB 89 119 207	#5977CF
33.3%	33.3% #6987D1	RGB 105 135 209	#6987D1
50.0%	50.0% #7A96D4	RGB 122 150 212	#7A96D4
66.7%	66.7% #8BA5D6	RGB 139 165 214	#8BA5D6
83.3%	83.3% #9DB3D8	RGB 157 179 216	#9DB3D8
100.0%	100.0% #AFC1DB	RGB 175 193 219	#AFC1DB

#4867CD #5977CF #6987D1 #7A96D4 #8BA5D6 #9DB3D8 #AFC1DB

#4967CD - #7A96D4 - #AFC1DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4867CD 0%, #7A96D4 50%, #AFC1DB 100%);
    background: -webkit-linear-gradient(top, #4867CD 0%, #7A96D4 50%, #AFC1DB 100%);
    background: linear-gradient(to bottom, #4867CD 0%, #7A96D4 50%, #AFC1DB 100%);
}
</style>