#C67CB1 - #EC9FFF | 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 #C67CB1 to #EC9FFF

#C67CB1 #EC9FFF

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

#C67CB1 - #EC9FFF | 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 #C67CB1 as 0% and #EC9FFF as 100%.

0.0%	0.0% #C67CB1	RGB 198 124 177	#C67CB1
16.7%	16.7% #CC81BE	RGB 204 129 190	#CC81BE
33.3%	33.3% #D287CB	RGB 210 135 203	#D287CB
50.0%	50.0% #D98DD8	RGB 217 141 216	#D98DD8
66.7%	66.7% #DF93E5	RGB 223 147 229	#DF93E5
83.3%	83.3% #E599F2	RGB 229 153 242	#E599F2
100.0%	100.0% #EC9FFF	RGB 236 159 255	#EC9FFF

#C67CB1 #CC81BE #D287CB #D98DD8 #DF93E5 #E599F2 #EC9FFF

#C67CB1 - #EC9FFF

HSV Blend

#C67CB1 - #EC9FFF | 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 #C67CB1 as 0% and #EC9FFF as 100%.

0.0%	0.0% #C67CB1	RGB 198 124 177	#C67CB1
16.7%	16.7% #CF81BF	RGB 207 129 191	#CF81BF
33.3%	33.3% #D987CE	RGB 217 135 206	#D987CE
50.0%	50.0% #E28DDE	RGB 226 141 222	#E28DDE
66.7%	66.7% #E893EC	RGB 232 147 236	#E893EC
83.3%	83.3% #EA99F5	RGB 234 153 245	#EA99F5
100.0%	100.0% #EC9FFF	RGB 236 159 255	#EC9FFF

#C67CB1 #CF81BF #D987CE #E28DDE #E893EC #EA99F5 #EC9FFF

#C67CB1 - #E28DDE - #EC9FFF

CSS codes

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

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