#7C7C99 - #283B4C | 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 #7C7C99 to #283B4C

#7C7C99 #283B4C

Calculate the color between two colors, #7C7C99 and #283B4C. 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)

#7C7C99 - #283B4C | 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 #7C7C99 as 0% and #283B4C as 100%.

0.0%	0.0% #7C7C99	RGB 124 124 153	#7C7C99
16.7%	16.7% #6E718C	RGB 110 113 140	#6E718C
33.3%	33.3% #60667F	RGB 96 102 127	#60667F
50.0%	50.0% #525B72	RGB 82 91 114	#525B72
66.7%	66.7% #445065	RGB 68 80 101	#445065
83.3%	83.3% #364558	RGB 54 69 88	#364558
100.0%	100.0% #283B4C	RGB 40 59 76	#283B4C

#7C7C99 #6E718C #60667F #525B72 #445065 #364558 #283B4C

#7C7C99 - #283B4C

HSV Blend

#7C7C99 - #283B4C | 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 #7C7C99 as 0% and #283B4C as 100%.

0.0%	0.0% #7C7C99	RGB 124 124 153	#7C7C99
16.7%	16.7% #6A6D8C	RGB 106 109 140	#6A6D8C
33.3%	33.3% #5B617F	RGB 91 97 127	#5B617F
50.0%	50.0% #4C5672	RGB 76 86 114	#4C5672
66.7%	66.7% #3F4C65	RGB 63 76 101	#3F4C65
83.3%	83.3% #324358	RGB 50 67 88	#324358
100.0%	100.0% #283B4C	RGB 40 59 76	#283B4C

#7C7C99 #6A6D8C #5B617F #4C5672 #3F4C65 #324358 #283B4C

#7C7C99 - #4C5672 - #283B4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C7C99 0%, #4C5672 50%, #283B4C 100%);
    background: -webkit-linear-gradient(top, #7C7C99 0%, #4C5672 50%, #283B4C 100%);
    background: linear-gradient(to bottom, #7C7C99 0%, #4C5672 50%, #283B4C 100%);
}
</style>