#6666DA - #96B0ED | 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 #96B0ED

#6666DA #96B0ED

Calculate the color between two colors, #6666DA and #96B0ED. 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 - #96B0ED | 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 #96B0ED as 100%.

0.0%	0.0% #6666DA	RGB 102 102 218	#6666DA
16.7%	16.7% #6E72DD	RGB 110 114 221	#6E72DD
33.3%	33.3% #767EE0	RGB 118 126 224	#767EE0
50.0%	50.0% #7E8BE3	RGB 126 139 227	#7E8BE3
66.7%	66.7% #8697E6	RGB 134 151 230	#8697E6
83.3%	83.3% #8EA3E9	RGB 142 163 233	#8EA3E9
100.0%	100.0% #96B0ED	RGB 150 176 237	#96B0ED

#6666DA #6E72DD #767EE0 #7E8BE3 #8697E6 #8EA3E9 #96B0ED

#6666DA - #96B0ED

HSV Blend

#6666DA - #96B0ED | 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 #96B0ED as 100%.

0.0%	0.0% #6666DA	RGB 102 102 218	#6666DA
16.7%	16.7% #6D73DD	RGB 109 115 221	#6D73DD
33.3%	33.3% #757FE0	RGB 117 127 224	#757FE0
50.0%	50.0% #7D8CE3	RGB 125 140 227	#7D8CE3
66.7%	66.7% #8598E6	RGB 133 152 230	#8598E6
83.3%	83.3% #8DA4E9	RGB 141 164 233	#8DA4E9
100.0%	100.0% #96B0ED	RGB 150 176 237	#96B0ED

#6666DA #6D73DD #757FE0 #7D8CE3 #8598E6 #8DA4E9 #96B0ED

#6666DA - #7D8CE3 - #96B0ED

CSS codes

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

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