#821330 - #DBBBC3 | 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 #821330 to #DBBBC3

#821330 #DBBBC3

Calculate the color between two colors, #821330 and #DBBBC3. 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)

#821330 - #DBBBC3 | 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 #821330 as 0% and #DBBBC3 as 100%.

0.0%	0.0% #821330	RGB 130 19 48	#821330
16.7%	16.7% #902F48	RGB 144 47 72	#902F48
33.3%	33.3% #9F4B61	RGB 159 75 97	#9F4B61
50.0%	50.0% #AE6779	RGB 174 103 121	#AE6779
66.7%	66.7% #BD8392	RGB 189 131 146	#BD8392
83.3%	83.3% #CC9FAA	RGB 204 159 170	#CC9FAA
100.0%	100.0% #DBBBC3	RGB 219 187 195	#DBBBC3

#821330 #902F48 #9F4B61 #AE6779 #BD8392 #CC9FAA #DBBBC3

#821330 - #DBBBC3

HSV Blend

#821330 - #DBBBC3 | 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 #821330 as 0% and #DBBBC3 as 100%.

0.0%	0.0% #82132F	RGB 130 19 47	#82132F
16.7%	16.7% #902641	RGB 144 38 65	#902641
33.3%	33.3% #9F3D56	RGB 159 61 86	#9F3D56
50.0%	50.0% #AE576D	RGB 174 87 109	#AE576D
66.7%	66.7% #BD7587	RGB 189 117 135	#BD7587
83.3%	83.3% #CC96A3	RGB 204 150 163	#CC96A3
100.0%	100.0% #DBBBC3	RGB 219 187 195	#DBBBC3

#82132F #902641 #9F3D56 #AE576D #BD7587 #CC96A3 #DBBBC3

#821330 - #AE576D - #DBBBC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82132F 0%, #AE576D 50%, #DBBBC3 100%);
    background: -webkit-linear-gradient(top, #82132F 0%, #AE576D 50%, #DBBBC3 100%);
    background: linear-gradient(to bottom, #82132F 0%, #AE576D 50%, #DBBBC3 100%);
}
</style>