#6666DA - #D3D3F4 | 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 #6666DA to #D3D3F4

#6666DA #D3D3F4

Calculate the color between two colors, #6666DA and #D3D3F4. 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)

#6666DA - #D3D3F4 | 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 #6666DA as 0% and #D3D3F4 as 100%.

0.0%	0.0% #6666DA	RGB 102 102 218	#6666DA
16.7%	16.7% #7878DE	RGB 120 120 222	#7878DE
33.3%	33.3% #8A8AE2	RGB 138 138 226	#8A8AE2
50.0%	50.0% #9C9CE7	RGB 156 156 231	#9C9CE7
66.7%	66.7% #AEAEEB	RGB 174 174 235	#AEAEEB
83.3%	83.3% #C0C0EF	RGB 192 192 239	#C0C0EF
100.0%	100.0% #D3D3F4	RGB 211 211 244	#D3D3F4

#6666DA #7878DE #8A8AE2 #9C9CE7 #AEAEEB #C0C0EF #D3D3F4

#6666DA - #D3D3F4

HSV Blend

#6666DA - #D3D3F4 | 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 #6666DA as 0% and #D3D3F4 as 100%.

0.0%	0.0% #6666DA	RGB 102 102 218	#6666DA
16.7%	16.7% #7676DE	RGB 118 118 222	#7676DE
33.3%	33.3% #8888E2	RGB 136 136 226	#8888E2
50.0%	50.0% #9999E7	RGB 153 153 231	#9999E7
66.7%	66.7% #ACACEB	RGB 172 172 235	#ACACEB
83.3%	83.3% #BFBFEF	RGB 191 191 239	#BFBFEF
100.0%	100.0% #D3D3F4	RGB 211 211 244	#D3D3F4

#6666DA #7676DE #8888E2 #9999E7 #ACACEB #BFBFEF #D3D3F4

#6666DA - #9999E7 - #D3D3F4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6666DA 0%, #9999E7 50%, #D3D3F4 100%);
    background: -webkit-linear-gradient(top, #6666DA 0%, #9999E7 50%, #D3D3F4 100%);
    background: linear-gradient(to bottom, #6666DA 0%, #9999E7 50%, #D3D3F4 100%);
}
</style>