#792B8C - #D9C2DE | 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 #792B8C to #D9C2DE

#792B8C #D9C2DE

Calculate the color between two colors, #792B8C and #D9C2DE. 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)

#792B8C - #D9C2DE | 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 #792B8C as 0% and #D9C2DE as 100%.

0.0%	0.0% #792B8C	RGB 121 43 140	#792B8C
16.7%	16.7% #894499	RGB 137 68 153	#894499
33.3%	33.3% #995DA7	RGB 153 93 167	#995DA7
50.0%	50.0% #A976B5	RGB 169 118 181	#A976B5
66.7%	66.7% #B98FC2	RGB 185 143 194	#B98FC2
83.3%	83.3% #C9A8D0	RGB 201 168 208	#C9A8D0
100.0%	100.0% #D9C2DE	RGB 217 194 222	#D9C2DE

#792B8C #894499 #995DA7 #A976B5 #B98FC2 #C9A8D0 #D9C2DE

#792B8C - #D9C2DE

HSV Blend

#792B8C - #D9C2DE | 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 #792B8C as 0% and #D9C2DE as 100%.

0.0%	0.0% #792B8C	RGB 121 43 140	#792B8C
16.7%	16.7% #873D99	RGB 135 61 153	#873D99
33.3%	33.3% #9753A7	RGB 151 83 167	#9753A7
50.0%	50.0% #A76AB5	RGB 167 106 181	#A76AB5
66.7%	66.7% #B785C2	RGB 183 133 194	#B785C2
83.3%	83.3% #C7A2D0	RGB 199 162 208	#C7A2D0
100.0%	100.0% #D9C2DE	RGB 217 194 222	#D9C2DE

#792B8C #873D99 #9753A7 #A76AB5 #B785C2 #C7A2D0 #D9C2DE

#792B8C - #A76AB5 - #D9C2DE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #792B8C 0%, #A76AB5 50%, #D9C2DE 100%);
    background: -webkit-linear-gradient(top, #792B8C 0%, #A76AB5 50%, #D9C2DE 100%);
    background: linear-gradient(to bottom, #792B8C 0%, #A76AB5 50%, #D9C2DE 100%);
}
</style>