#ADBFF7 - #3F56C2 | 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 #ADBFF7 to #3F56C2

#ADBFF7 #3F56C2

Calculate the color between two colors, #ADBFF7 and #3F56C2. 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)

#ADBFF7 - #3F56C2 | 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 #ADBFF7 as 0% and #3F56C2 as 100%.

0.0%	0.0% #ADBFF7	RGB 173 191 247	#ADBFF7
16.7%	16.7% #9AADEE	RGB 154 173 238	#9AADEE
33.3%	33.3% #889CE5	RGB 136 156 229	#889CE5
50.0%	50.0% #768ADC	RGB 118 138 220	#768ADC
66.7%	66.7% #6379D3	RGB 99 121 211	#6379D3
83.3%	83.3% #5167CA	RGB 81 103 202	#5167CA
100.0%	100.0% #3F56C2	RGB 63 86 194	#3F56C2

#ADBFF7 #9AADEE #889CE5 #768ADC #6379D3 #5167CA #3F56C2

#ADBFF7 - #3F56C2

HSV Blend

#ADBFF7 - #3F56C2 | 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 #ADBFF7 as 0% and #3F56C2 as 100%.

0.0%	0.0% #ADBFF7	RGB 173 191 247	#ADBFF7
16.7%	16.7% #97ABEE	RGB 151 171 238	#97ABEE
33.3%	33.3% #8399E5	RGB 131 153 229	#8399E5
50.0%	50.0% #7187DC	RGB 113 135 220	#7187DC
66.7%	66.7% #5F76D3	RGB 95 118 211	#5F76D3
83.3%	83.3% #4E65CA	RGB 78 101 202	#4E65CA
100.0%	100.0% #3F56C2	RGB 63 86 194	#3F56C2

#ADBFF7 #97ABEE #8399E5 #7187DC #5F76D3 #4E65CA #3F56C2

#ADBFF7 - #7187DC - #3F56C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADBFF7 0%, #7187DC 50%, #3F56C2 100%);
    background: -webkit-linear-gradient(top, #ADBFF7 0%, #7187DC 50%, #3F56C2 100%);
    background: linear-gradient(to bottom, #ADBFF7 0%, #7187DC 50%, #3F56C2 100%);
}
</style>