#616CA8 - #D1D5E6 | 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 #616CA8 to #D1D5E6

#616CA8 #D1D5E6

Calculate the color between two colors, #616CA8 and #D1D5E6. 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)

#616CA8 - #D1D5E6 | 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 #616CA8 as 0% and #D1D5E6 as 100%.

0.0%	0.0% #616CA8	RGB 97 108 168	#616CA8
16.7%	16.7% #737DB2	RGB 115 125 178	#737DB2
33.3%	33.3% #868FBC	RGB 134 143 188	#868FBC
50.0%	50.0% #99A0C7	RGB 153 160 199	#99A0C7
66.7%	66.7% #ABB2D1	RGB 171 178 209	#ABB2D1
83.3%	83.3% #BEC3DB	RGB 190 195 219	#BEC3DB
100.0%	100.0% #D1D5E6	RGB 209 213 230	#D1D5E6

#616CA8 #737DB2 #868FBC #99A0C7 #ABB2D1 #BEC3DB #D1D5E6

#616CA8 - #D1D5E6

HSV Blend

#616CA8 - #D1D5E6 | 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 #616CA8 as 0% and #D1D5E6 as 100%.

0.0%	0.0% #616CA8	RGB 97 108 168	#616CA8
16.7%	16.7% #707BB2	RGB 112 123 178	#707BB2
33.3%	33.3% #818BBC	RGB 129 139 188	#818BBC
50.0%	50.0% #939CC7	RGB 147 156 199	#939CC7
66.7%	66.7% #A7AED1	RGB 167 174 209	#A7AED1
83.3%	83.3% #BBC1DB	RGB 187 193 219	#BBC1DB
100.0%	100.0% #D1D5E6	RGB 209 213 230	#D1D5E6

#616CA8 #707BB2 #818BBC #939CC7 #A7AED1 #BBC1DB #D1D5E6

#616CA8 - #939CC7 - #D1D5E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616CA8 0%, #939CC7 50%, #D1D5E6 100%);
    background: -webkit-linear-gradient(top, #616CA8 0%, #939CC7 50%, #D1D5E6 100%);
    background: linear-gradient(to bottom, #616CA8 0%, #939CC7 50%, #D1D5E6 100%);
}
</style>