#C085DB - #FFD4D9 | 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 #C085DB to #FFD4D9

#C085DB #FFD4D9

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

#C085DB - #FFD4D9 | 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 #C085DB as 0% and #FFD4D9 as 100%.

0.0%	0.0% #C085DB	RGB 192 133 219	#C085DB
16.7%	16.7% #CA92DA	RGB 202 146 218	#CA92DA
33.3%	33.3% #D59FDA	RGB 213 159 218	#D59FDA
50.0%	50.0% #DFACDA	RGB 223 172 218	#DFACDA
66.7%	66.7% #EAB9D9	RGB 234 185 217	#EAB9D9
83.3%	83.3% #F4C6D9	RGB 244 198 217	#F4C6D9
100.0%	100.0% #FFD4D9	RGB 255 212 217	#FFD4D9

#C085DB #CA92DA #D59FDA #DFACDA #EAB9D9 #F4C6D9 #FFD4D9

#C085DB - #FFD4D9

HSV Blend

#C085DB - #FFD4D9 | 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 #C085DB as 0% and #FFD4D9 as 100%.

0.0%	0.0% #C085DB	RGB 192 133 219	#C085DB
16.7%	16.7% #D791E1	RGB 215 145 225	#D791E1
33.3%	33.3% #E79DE0	RGB 231 157 224	#E79DE0
50.0%	50.0% #EDAADA	RGB 237 170 218	#EDAADA
66.7%	66.7% #F3B7D6	RGB 243 183 214	#F3B7D6
83.3%	83.3% #F9C5D5	RGB 249 197 213	#F9C5D5
100.0%	100.0% #FFD4D9	RGB 255 212 217	#FFD4D9

#C085DB #D791E1 #E79DE0 #EDAADA #F3B7D6 #F9C5D5 #FFD4D9

#C085DB - #EDAADA - #FFD4D9

CSS codes

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

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