#9088D6 - #4D238D | 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 #9088D6 to #4D238D

#9088D6 #4D238D

Calculate the color between two colors, #9088D6 and #4D238D. 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)

#9088D6 - #4D238D | 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 #9088D6 as 0% and #4D238D as 100%.

0.0%	0.0% #9088D6	RGB 144 136 214	#9088D6
16.7%	16.7% #8477C9	RGB 132 119 201	#8477C9
33.3%	33.3% #7966BD	RGB 121 102 189	#7966BD
50.0%	50.0% #6E55B1	RGB 110 85 177	#6E55B1
66.7%	66.7% #6344A5	RGB 99 68 165	#6344A5
83.3%	83.3% #583399	RGB 88 51 153	#583399
100.0%	100.0% #4D238D	RGB 77 35 141	#4D238D

#9088D6 #8477C9 #7966BD #6E55B1 #6344A5 #583399 #4D238D

#9088D6 - #4D238D

HSV Blend

#9088D6 - #4D238D | 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 #9088D6 as 0% and #4D238D as 100%.

0.0%	0.0% #9088D6	RGB 144 136 214	#9088D6
16.7%	16.7% #8073C9	RGB 128 115 201	#8073C9
33.3%	33.3% #7260BD	RGB 114 96 189	#7260BD
50.0%	50.0% #674EB1	RGB 103 78 177	#674EB1
66.7%	66.7% #5D3EA5	RGB 93 62 165	#5D3EA5
83.3%	83.3% #542F99	RGB 84 47 153	#542F99
100.0%	100.0% #4D238D	RGB 77 35 141	#4D238D

#9088D6 #8073C9 #7260BD #674EB1 #5D3EA5 #542F99 #4D238D

#9088D6 - #674EB1 - #4D238D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9088D6 0%, #674EB1 50%, #4D238D 100%);
    background: -webkit-linear-gradient(top, #9088D6 0%, #674EB1 50%, #4D238D 100%);
    background: linear-gradient(to bottom, #9088D6 0%, #674EB1 50%, #4D238D 100%);
}
</style>