#ADAFDA - #4B5F9C | 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 #ADAFDA to #4B5F9C

#ADAFDA #4B5F9C

Calculate the color between two colors, #ADAFDA and #4B5F9C. 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)

#ADAFDA - #4B5F9C | 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 #ADAFDA as 0% and #4B5F9C as 100%.

0.0%	0.0% #ADAFDA	RGB 173 175 218	#ADAFDA
16.7%	16.7% #9CA1CF	RGB 156 161 207	#9CA1CF
33.3%	33.3% #8C94C5	RGB 140 148 197	#8C94C5
50.0%	50.0% #7C87BB	RGB 124 135 187	#7C87BB
66.7%	66.7% #6B79B0	RGB 107 121 176	#6B79B0
83.3%	83.3% #5B6CA6	RGB 91 108 166	#5B6CA6
100.0%	100.0% #4B5F9C	RGB 75 95 156	#4B5F9C

#ADAFDA #9CA1CF #8C94C5 #7C87BB #6B79B0 #5B6CA6 #4B5F9C

#ADAFDA - #4B5F9C

HSV Blend

#ADAFDA - #4B5F9C | 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 #ADAFDA as 0% and #4B5F9C as 100%.

0.0%	0.0% #ADAFDA	RGB 173 175 218	#ADAFDA
16.7%	16.7% #999ECF	RGB 153 158 207	#999ECF
33.3%	33.3% #888EC5	RGB 136 142 197	#888EC5
50.0%	50.0% #7781BB	RGB 119 129 187	#7781BB
66.7%	66.7% #6774B0	RGB 103 116 176	#6774B0
83.3%	83.3% #5869A6	RGB 88 105 166	#5869A6
100.0%	100.0% #4B5F9C	RGB 75 95 156	#4B5F9C

#ADAFDA #999ECF #888EC5 #7781BB #6774B0 #5869A6 #4B5F9C

#ADAFDA - #7781BB - #4B5F9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADAFDA 0%, #7781BB 50%, #4B5F9C 100%);
    background: -webkit-linear-gradient(top, #ADAFDA 0%, #7781BB 50%, #4B5F9C 100%);
    background: linear-gradient(to bottom, #ADAFDA 0%, #7781BB 50%, #4B5F9C 100%);
}
</style>