#2B2B5D - #66698C | 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 #2B2B5D to #66698C

#2B2B5D #66698C

Calculate the color between two colors, #2B2B5D and #66698C. 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)

#2B2B5D - #66698C | 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 #2B2B5D as 0% and #66698C as 100%.

0.0%	0.0% #2B2B5D	RGB 43 43 93	#2B2B5D
16.7%	16.7% #343564	RGB 52 53 100	#343564
33.3%	33.3% #3E3F6C	RGB 62 63 108	#3E3F6C
50.0%	50.0% #484A74	RGB 72 74 116	#484A74
66.7%	66.7% #52547C	RGB 82 84 124	#52547C
83.3%	83.3% #5C5E84	RGB 92 94 132	#5C5E84
100.0%	100.0% #66698C	RGB 102 105 140	#66698C

#2B2B5D #343564 #3E3F6C #484A74 #52547C #5C5E84 #66698C

#2B2B5D - #66698C

HSV Blend

#2B2B5D - #66698C | 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 #2B2B5D as 0% and #66698C as 100%.

0.0%	0.0% #2B2A5D	RGB 43 42 93	#2B2A5D
16.7%	16.7% #333364	RGB 51 51 100	#333364
33.3%	33.3% #3B3D6C	RGB 59 61 108	#3B3D6C
50.0%	50.0% #454774	RGB 69 71 116	#454774
66.7%	66.7% #4F517C	RGB 79 81 124	#4F517C
83.3%	83.3% #5A5D84	RGB 90 93 132	#5A5D84
100.0%	100.0% #66698C	RGB 102 105 140	#66698C

#2B2A5D #333364 #3B3D6C #454774 #4F517C #5A5D84 #66698C

#2B2B5D - #454774 - #66698C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2A5D 0%, #454774 50%, #66698C 100%);
    background: -webkit-linear-gradient(top, #2B2A5D 0%, #454774 50%, #66698C 100%);
    background: linear-gradient(to bottom, #2B2A5D 0%, #454774 50%, #66698C 100%);
}
</style>