#666699 - #1D1D2B | 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 #666699 to #1D1D2B

#666699 #1D1D2B

Calculate the color between two colors, #666699 and #1D1D2B. 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)

#666699 - #1D1D2B | 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 #666699 as 0% and #1D1D2B as 100%.

0.0%	0.0% #666699	RGB 102 102 153	#666699
16.7%	16.7% #595986	RGB 89 89 134	#595986
33.3%	33.3% #4D4D74	RGB 77 77 116	#4D4D74
50.0%	50.0% #414162	RGB 65 65 98	#414162
66.7%	66.7% #35354F	RGB 53 53 79	#35354F
83.3%	83.3% #29293D	RGB 41 41 61	#29293D
100.0%	100.0% #1D1D2B	RGB 29 29 43	#1D1D2B

#666699 #595986 #4D4D74 #414162 #35354F #29293D #1D1D2B

#666699 - #1D1D2B

HSV Blend

#666699 - #1D1D2B | 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 #666699 as 0% and #1D1D2B as 100%.

0.0%	0.0% #666699	RGB 102 102 153	#666699
16.7%	16.7% #595986	RGB 89 89 134	#595986
33.3%	33.3% #4D4D74	RGB 77 77 116	#4D4D74
50.0%	50.0% #414162	RGB 65 65 98	#414162
66.7%	66.7% #35354F	RGB 53 53 79	#35354F
83.3%	83.3% #29293D	RGB 41 41 61	#29293D
100.0%	100.0% #1D1D2B	RGB 29 29 43	#1D1D2B

#666699 #595986 #4D4D74 #414162 #35354F #29293D #1D1D2B

#666699 - #414162 - #1D1D2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #666699 0%, #414162 50%, #1D1D2B 100%);
    background: -webkit-linear-gradient(top, #666699 0%, #414162 50%, #1D1D2B 100%);
    background: linear-gradient(to bottom, #666699 0%, #414162 50%, #1D1D2B 100%);
}
</style>