#DF8F92 - #CBC0E2 | 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 #DF8F92 to #CBC0E2

#DF8F92 #CBC0E2

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

#DF8F92 - #CBC0E2 | 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 #DF8F92 as 0% and #CBC0E2 as 100%.

0.0%	0.0% #DF8F92	RGB 223 143 146	#DF8F92
16.7%	16.7% #DB979F	RGB 219 151 159	#DB979F
33.3%	33.3% #D89FAC	RGB 216 159 172	#D89FAC
50.0%	50.0% #D5A7BA	RGB 213 167 186	#D5A7BA
66.7%	66.7% #D1AFC7	RGB 209 175 199	#D1AFC7
83.3%	83.3% #CEB7D4	RGB 206 183 212	#CEB7D4
100.0%	100.0% #CBC0E2	RGB 203 192 226	#CBC0E2

#DF8F92 #DB979F #D89FAC #D5A7BA #D1AFC7 #CEB7D4 #CBC0E2

#DF8F92 - #CBC0E2

HSV Blend

#DF8F92 - #CBC0E2 | 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 #DF8F92 as 0% and #CBC0E2 as 100%.

0.0%	0.0% #DF8F92	RGB 223 143 146	#DF8F92
16.7%	16.7% #DF97AD	RGB 223 151 173	#DF97AD
33.3%	33.3% #E09FC5	RGB 224 159 197	#E09FC5
50.0%	50.0% #E0A7D8	RGB 224 167 216	#E0A7D8
66.7%	66.7% #DAAFE1	RGB 218 175 225	#DAAFE1
83.3%	83.3% #D0B7E1	RGB 208 183 225	#D0B7E1
100.0%	100.0% #CBC0E2	RGB 203 192 226	#CBC0E2

#DF8F92 #DF97AD #E09FC5 #E0A7D8 #DAAFE1 #D0B7E1 #CBC0E2

#DF8F92 - #E0A7D8 - #CBC0E2

CSS codes

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

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