#ADAFEC - #485AB6 | 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 #ADAFEC to #485AB6

#ADAFEC #485AB6

Calculate the color between two colors, #ADAFEC and #485AB6. 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)

#ADAFEC - #485AB6 | 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 #ADAFEC as 0% and #485AB6 as 100%.

0.0%	0.0% #ADAFEC	RGB 173 175 236	#ADAFEC
16.7%	16.7% #9CA0E3	RGB 156 160 227	#9CA0E3
33.3%	33.3% #8B92DA	RGB 139 146 218	#8B92DA
50.0%	50.0% #7A84D1	RGB 122 132 209	#7A84D1
66.7%	66.7% #6976C8	RGB 105 118 200	#6976C8
83.3%	83.3% #5868BF	RGB 88 104 191	#5868BF
100.0%	100.0% #485AB6	RGB 72 90 182	#485AB6

#ADAFEC #9CA0E3 #8B92DA #7A84D1 #6976C8 #5868BF #485AB6

#ADAFEC - #485AB6

HSV Blend

#ADAFEC - #485AB6 | 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 #ADAFEC as 0% and #485AB6 as 100%.

0.0%	0.0% #ADAFEC	RGB 173 175 236	#ADAFEC
16.7%	16.7% #999DE3	RGB 153 157 227	#999DE3
33.3%	33.3% #878DDA	RGB 135 141 218	#878DDA
50.0%	50.0% #757ED1	RGB 117 126 209	#757ED1
66.7%	66.7% #6571C8	RGB 101 113 200	#6571C8
83.3%	83.3% #5665BF	RGB 86 101 191	#5665BF
100.0%	100.0% #485AB6	RGB 72 90 182	#485AB6

#ADAFEC #999DE3 #878DDA #757ED1 #6571C8 #5665BF #485AB6

#ADAFEC - #757ED1 - #485AB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADAFEC 0%, #757ED1 50%, #485AB6 100%);
    background: -webkit-linear-gradient(top, #ADAFEC 0%, #757ED1 50%, #485AB6 100%);
    background: linear-gradient(to bottom, #ADAFEC 0%, #757ED1 50%, #485AB6 100%);
}
</style>