#DB9CC1 - #C2458C | 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 #DB9CC1 to #C2458C

#DB9CC1 #C2458C

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

#DB9CC1 - #C2458C | 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 #DB9CC1 as 0% and #C2458C as 100%.

0.0%	0.0% #DB9CC1	RGB 219 156 193	#DB9CC1
16.7%	16.7% #D68DB8	RGB 214 141 184	#D68DB8
33.3%	33.3% #D27FAF	RGB 210 127 175	#D27FAF
50.0%	50.0% #CE70A6	RGB 206 112 166	#CE70A6
66.7%	66.7% #CA629D	RGB 202 98 157	#CA629D
83.3%	83.3% #C65394	RGB 198 83 148	#C65394
100.0%	100.0% #C2458C	RGB 194 69 140	#C2458C

#DB9CC1 #D68DB8 #D27FAF #CE70A6 #CA629D #C65394 #C2458C

#DB9CC1 - #C2458C

HSV Blend

#DB9CC1 - #C2458C | 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 #DB9CC1 as 0% and #C2458C as 100%.

0.0%	0.0% #DB9CC1	RGB 219 156 193	#DB9CC1
16.7%	16.7% #D68CB7	RGB 214 140 183	#D68CB7
33.3%	33.3% #D27DAE	RGB 210 125 174	#D27DAE
50.0%	50.0% #CE6EA5	RGB 206 110 165	#CE6EA5
66.7%	66.7% #CA609D	RGB 202 96 157	#CA609D
83.3%	83.3% #C65294	RGB 198 82 148	#C65294
100.0%	100.0% #C2458C	RGB 194 69 140	#C2458C

#DB9CC1 #D68CB7 #D27DAE #CE6EA5 #CA609D #C65294 #C2458C

#DB9CC1 - #CE6EA5 - #C2458C

CSS codes

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

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