#96B5FF - #2D67D0 | 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 #96B5FF to #2D67D0

#96B5FF #2D67D0

Calculate the color between two colors, #96B5FF and #2D67D0. 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)

#96B5FF - #2D67D0 | 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 #96B5FF as 0% and #2D67D0 as 100%.

0.0%	0.0% #96B5FF	RGB 150 181 255	#96B5FF
16.7%	16.7% #84A8F7	RGB 132 168 247	#84A8F7
33.3%	33.3% #739BEF	RGB 115 155 239	#739BEF
50.0%	50.0% #618EE7	RGB 97 142 231	#618EE7
66.7%	66.7% #5081DF	RGB 80 129 223	#5081DF
83.3%	83.3% #3E74D7	RGB 62 116 215	#3E74D7
100.0%	100.0% #2D67D0	RGB 45 103 208	#2D67D0

#96B5FF #84A8F7 #739BEF #618EE7 #5081DF #3E74D7 #2D67D0

#96B5FF - #2D67D0

HSV Blend

#96B5FF - #2D67D0 | 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 #96B5FF as 0% and #2D67D0 as 100%.

0.0%	0.0% #96B5FF	RGB 150 181 255	#96B5FF
16.7%	16.7% #82A5F7	RGB 130 165 247	#82A5F7
33.3%	33.3% #6F97EF	RGB 111 151 239	#6F97EF
50.0%	50.0% #5D8AE7	RGB 93 138 231	#5D8AE7
66.7%	66.7% #4C7DDF	RGB 76 125 223	#4C7DDF
83.3%	83.3% #3C71D7	RGB 60 113 215	#3C71D7
100.0%	100.0% #2D67D0	RGB 45 103 208	#2D67D0

#96B5FF #82A5F7 #6F97EF #5D8AE7 #4C7DDF #3C71D7 #2D67D0

#96B5FF - #5D8AE7 - #2D67D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96B5FF 0%, #5D8AE7 50%, #2D67D0 100%);
    background: -webkit-linear-gradient(top, #96B5FF 0%, #5D8AE7 50%, #2D67D0 100%);
    background: linear-gradient(to bottom, #96B5FF 0%, #5D8AE7 50%, #2D67D0 100%);
}
</style>