#5E67D6 - #AFBBE0 | 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 #5E67D6 to #AFBBE0

#5E67D6 #AFBBE0

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

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

0.0%	0.0% #5E67D6	RGB 94 103 214	#5E67D6
16.7%	16.7% #6B75D7	RGB 107 117 215	#6B75D7
33.3%	33.3% #7983D9	RGB 121 131 217	#7983D9
50.0%	50.0% #8691DB	RGB 134 145 219	#8691DB
66.7%	66.7% #949FDC	RGB 148 159 220	#949FDC
83.3%	83.3% #A1ADDE	RGB 161 173 222	#A1ADDE
100.0%	100.0% #AFBBE0	RGB 175 187 224	#AFBBE0

#5E67D6 #6B75D7 #7983D9 #8691DB #949FDC #A1ADDE #AFBBE0

#5E67D6 - #AFBBE0

HSV Blend

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

0.0%	0.0% #5E67D6	RGB 94 103 214	#5E67D6
16.7%	16.7% #6B76D7	RGB 107 118 215	#6B76D7
33.3%	33.3% #7885D9	RGB 120 133 217	#7885D9
50.0%	50.0% #8593DB	RGB 133 147 219	#8593DB
66.7%	66.7% #93A1DC	RGB 147 161 220	#93A1DC
83.3%	83.3% #A1AEDE	RGB 161 174 222	#A1AEDE
100.0%	100.0% #AFBBE0	RGB 175 187 224	#AFBBE0

#5E67D6 #6B76D7 #7885D9 #8593DB #93A1DC #A1AEDE #AFBBE0

#5E67D6 - #8593DB - #AFBBE0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E67D6 0%, #8593DB 50%, #AFBBE0 100%);
    background: -webkit-linear-gradient(top, #5E67D6 0%, #8593DB 50%, #AFBBE0 100%);
    background: linear-gradient(to bottom, #5E67D6 0%, #8593DB 50%, #AFBBE0 100%);
}
</style>