#2B2B2D - #65628F | 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 #2B2B2D to #65628F

#2B2B2D #65628F

Calculate the color between two colors, #2B2B2D and #65628F. 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)

#2B2B2D - #65628F | 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 #2B2B2D as 0% and #65628F as 100%.

0.0%	0.0% #2B2B2D	RGB 43 43 45	#2B2B2D
16.7%	16.7% #34343D	RGB 52 52 61	#34343D
33.3%	33.3% #3E3D4D	RGB 62 61 77	#3E3D4D
50.0%	50.0% #48465E	RGB 72 70 94	#48465E
66.7%	66.7% #514F6E	RGB 81 79 110	#514F6E
83.3%	83.3% #5B587E	RGB 91 88 126	#5B587E
100.0%	100.0% #65628F	RGB 101 98 143	#65628F

#2B2B2D #34343D #3E3D4D #48465E #514F6E #5B587E #65628F

#2B2B2D - #65628F

HSV Blend

#2B2B2D - #65628F | 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 #2B2B2D as 0% and #65628F as 100%.

0.0%	0.0% #2B2B2D	RGB 43 43 45	#2B2B2D
16.7%	16.7% #37373D	RGB 55 55 61	#37373D
33.3%	33.3% #43434D	RGB 67 67 77	#43434D
50.0%	50.0% #4D4D5E	RGB 77 77 94	#4D4D5E
66.7%	66.7% #56556E	RGB 86 85 110	#56556E
83.3%	83.3% #5E5C7E	RGB 94 92 126	#5E5C7E
100.0%	100.0% #65628F	RGB 101 98 143	#65628F

#2B2B2D #37373D #43434D #4D4D5E #56556E #5E5C7E #65628F

#2B2B2D - #4D4D5E - #65628F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2B2D 0%, #4D4D5E 50%, #65628F 100%);
    background: -webkit-linear-gradient(top, #2B2B2D 0%, #4D4D5E 50%, #65628F 100%);
    background: linear-gradient(to bottom, #2B2B2D 0%, #4D4D5E 50%, #65628F 100%);
}
</style>