#C982B8 - #EFDBEB | 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 #C982B8 to #EFDBEB

#C982B8 #EFDBEB

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

#C982B8 - #EFDBEB | 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 #C982B8 as 0% and #EFDBEB as 100%.

0.0%	0.0% #C982B8	RGB 201 130 184	#C982B8
16.7%	16.7% #CF90C0	RGB 207 144 192	#CF90C0
33.3%	33.3% #D59FC9	RGB 213 159 201	#D59FC9
50.0%	50.0% #DCAED1	RGB 220 174 209	#DCAED1
66.7%	66.7% #E2BDDA	RGB 226 189 218	#E2BDDA
83.3%	83.3% #E8CCE2	RGB 232 204 226	#E8CCE2
100.0%	100.0% #EFDBEB	RGB 239 219 235	#EFDBEB

#C982B8 #CF90C0 #D59FC9 #DCAED1 #E2BDDA #E8CCE2 #EFDBEB

#C982B8 - #EFDBEB

HSV Blend

#C982B8 - #EFDBEB | 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 #C982B8 as 0% and #EFDBEB as 100%.

0.0%	0.0% #C982B8	RGB 201 130 184	#C982B8
16.7%	16.7% #CF8FC0	RGB 207 143 192	#CF8FC0
33.3%	33.3% #D59DC8	RGB 213 157 200	#D59DC8
50.0%	50.0% #DCABD1	RGB 220 171 209	#DCABD1
66.7%	66.7% #E2BBD9	RGB 226 187 217	#E2BBD9
83.3%	83.3% #E8CAE2	RGB 232 202 226	#E8CAE2
100.0%	100.0% #EFDBEB	RGB 239 219 235	#EFDBEB

#C982B8 #CF8FC0 #D59DC8 #DCABD1 #E2BBD9 #E8CAE2 #EFDBEB

#C982B8 - #DCABD1 - #EFDBEB

CSS codes

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

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