#20135C - #85568D | 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 #20135C to #85568D

#20135C #85568D

Calculate the color between two colors, #20135C and #85568D. 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)

#20135C - #85568D | 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 #20135C as 0% and #85568D as 100%.

0.0%	0.0% #20135C	RGB 32 19 92	#20135C
16.7%	16.7% #301E64	RGB 48 30 100	#301E64
33.3%	33.3% #41296C	RGB 65 41 108	#41296C
50.0%	50.0% #523474	RGB 82 52 116	#523474
66.7%	66.7% #633F7C	RGB 99 63 124	#633F7C
83.3%	83.3% #744A84	RGB 116 74 132	#744A84
100.0%	100.0% #85568D	RGB 133 86 141	#85568D

#20135C #301E64 #41296C #523474 #633F7C #744A84 #85568D

#20135C - #85568D

HSV Blend

#20135C - #85568D | 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 #20135C as 0% and #85568D as 100%.

0.0%	0.0% #20135C	RGB 32 19 92	#20135C
16.7%	16.7% #301B64	RGB 48 27 100	#301B64
33.3%	33.3% #41246C	RGB 65 36 108	#41246C
50.0%	50.0% #532F74	RGB 83 47 116	#532F74
66.7%	66.7% #643B7C	RGB 100 59 124	#643B7C
83.3%	83.3% #754884	RGB 117 72 132	#754884
100.0%	100.0% #85568D	RGB 133 86 141	#85568D

#20135C #301B64 #41246C #532F74 #643B7C #754884 #85568D

#20135C - #532F74 - #85568D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20135C 0%, #532F74 50%, #85568D 100%);
    background: -webkit-linear-gradient(top, #20135C 0%, #532F74 50%, #85568D 100%);
    background: linear-gradient(to bottom, #20135C 0%, #532F74 50%, #85568D 100%);
}
</style>