#D79EFF - #C14DEE | 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 #D79EFF to #C14DEE

#D79EFF #C14DEE

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

#D79EFF - #C14DEE | 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 #D79EFF as 0% and #C14DEE as 100%.

0.0%	0.0% #D79EFF	RGB 215 158 255	#D79EFF
16.7%	16.7% #D390FC	RGB 211 144 252	#D390FC
33.3%	33.3% #CF83F9	RGB 207 131 249	#CF83F9
50.0%	50.0% #CC75F6	RGB 204 117 246	#CC75F6
66.7%	66.7% #C868F3	RGB 200 104 243	#C868F3
83.3%	83.3% #C45AF0	RGB 196 90 240	#C45AF0
100.0%	100.0% #C14DEE	RGB 193 77 238	#C14DEE

#D79EFF #D390FC #CF83F9 #CC75F6 #C868F3 #C45AF0 #C14DEE

#D79EFF - #C14DEE

HSV Blend

#D79EFF - #C14DEE | 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 #D79EFF as 0% and #C14DEE as 100%.

0.0%	0.0% #D79EFF	RGB 215 158 255	#D79EFF
16.7%	16.7% #D18FFC	RGB 209 143 252	#D18FFC
33.3%	33.3% #CD81F9	RGB 205 129 249	#CD81F9
50.0%	50.0% #C974F6	RGB 201 116 246	#C974F6
66.7%	66.7% #C666F3	RGB 198 102 243	#C666F3
83.3%	83.3% #C359F0	RGB 195 89 240	#C359F0
100.0%	100.0% #C14DEE	RGB 193 77 238	#C14DEE

#D79EFF #D18FFC #CD81F9 #C974F6 #C666F3 #C359F0 #C14DEE

#D79EFF - #C974F6 - #C14DEE

CSS codes

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

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