#C068AA - #EDD3E6 | 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 #C068AA to #EDD3E6

#C068AA #EDD3E6

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

#C068AA - #EDD3E6 | 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 #C068AA as 0% and #EDD3E6 as 100%.

0.0%	0.0% #C068AA	RGB 192 104 170	#C068AA
16.7%	16.7% #C779B4	RGB 199 121 180	#C779B4
33.3%	33.3% #CF8BBE	RGB 207 139 190	#CF8BBE
50.0%	50.0% #D69DC8	RGB 214 157 200	#D69DC8
66.7%	66.7% #DEAFD2	RGB 222 175 210	#DEAFD2
83.3%	83.3% #E5C1DC	RGB 229 193 220	#E5C1DC
100.0%	100.0% #EDD3E6	RGB 237 211 230	#EDD3E6

#C068AA #C779B4 #CF8BBE #D69DC8 #DEAFD2 #E5C1DC #EDD3E6

#C068AA - #EDD3E6

HSV Blend

#C068AA - #EDD3E6 | 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 #C068AA as 0% and #EDD3E6 as 100%.

0.0%	0.0% #C068AA	RGB 192 104 170	#C068AA
16.7%	16.7% #C777B3	RGB 199 119 179	#C777B3
33.3%	33.3% #CF88BC	RGB 207 136 188	#CF88BC
50.0%	50.0% #D699C6	RGB 214 153 198	#D699C6
66.7%	66.7% #DEABD0	RGB 222 171 208	#DEABD0
83.3%	83.3% #E5BEDB	RGB 229 190 219	#E5BEDB
100.0%	100.0% #EDD3E6	RGB 237 211 230	#EDD3E6

#C068AA #C777B3 #CF88BC #D699C6 #DEABD0 #E5BEDB #EDD3E6

#C068AA - #D699C6 - #EDD3E6

CSS codes

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

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