#656BA2 - #D3D5E4 | 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 #656BA2 to #D3D5E4

#656BA2 #D3D5E4

Calculate the color between two colors, #656BA2 and #D3D5E4. 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)

#656BA2 - #D3D5E4 | 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 #656BA2 as 0% and #D3D5E4 as 100%.

0.0%	0.0% #656BA2	RGB 101 107 162	#656BA2
16.7%	16.7% #777CAD	RGB 119 124 173	#777CAD
33.3%	33.3% #898EB8	RGB 137 142 184	#898EB8
50.0%	50.0% #9CA0C3	RGB 156 160 195	#9CA0C3
66.7%	66.7% #AEB1CE	RGB 174 177 206	#AEB1CE
83.3%	83.3% #C0C3D9	RGB 192 195 217	#C0C3D9
100.0%	100.0% #D3D5E4	RGB 211 213 228	#D3D5E4

#656BA2 #777CAD #898EB8 #9CA0C3 #AEB1CE #C0C3D9 #D3D5E4

#656BA2 - #D3D5E4

HSV Blend

#656BA2 - #D3D5E4 | 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 #656BA2 as 0% and #D3D5E4 as 100%.

0.0%	0.0% #656BA2	RGB 101 107 162	#656BA2
16.7%	16.7% #747AAD	RGB 116 122 173	#747AAD
33.3%	33.3% #858AB8	RGB 133 138 184	#858AB8
50.0%	50.0% #979BC3	RGB 151 155 195	#979BC3
66.7%	66.7% #A9ADCE	RGB 169 173 206	#A9ADCE
83.3%	83.3% #BDC0D9	RGB 189 192 217	#BDC0D9
100.0%	100.0% #D3D5E4	RGB 211 213 228	#D3D5E4

#656BA2 #747AAD #858AB8 #979BC3 #A9ADCE #BDC0D9 #D3D5E4

#656BA2 - #979BC3 - #D3D5E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #656BA2 0%, #979BC3 50%, #D3D5E4 100%);
    background: -webkit-linear-gradient(top, #656BA2 0%, #979BC3 50%, #D3D5E4 100%);
    background: linear-gradient(to bottom, #656BA2 0%, #979BC3 50%, #D3D5E4 100%);
}
</style>