#CACAD5 - #FFD4CF | 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 #CACAD5 to #FFD4CF

#CACAD5 #FFD4CF

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

#CACAD5 - #FFD4CF | 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 #CACAD5 as 0% and #FFD4CF as 100%.

0.0%	0.0% #CACAD5	RGB 202 202 213	#CACAD5
16.7%	16.7% #D2CBD4	RGB 210 203 212	#D2CBD4
33.3%	33.3% #DBCDD3	RGB 219 205 211	#DBCDD3
50.0%	50.0% #E4CFD2	RGB 228 207 210	#E4CFD2
66.7%	66.7% #EDD0D1	RGB 237 208 209	#EDD0D1
83.3%	83.3% #F6D2D0	RGB 246 210 208	#F6D2D0
100.0%	100.0% #FFD4CF	RGB 255 212 207	#FFD4CF

#CACAD5 #D2CBD4 #DBCDD3 #E4CFD2 #EDD0D1 #F6D2D0 #FFD4CF

#CACAD5 - #FFD4CF

HSV Blend

#CACAD5 - #FFD4CF | 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 #CACAD5 as 0% and #FFD4CF as 100%.

0.0%	0.0% #CACAD5	RGB 202 202 213	#CACAD5
16.7%	16.7% #D1CBDC	RGB 209 203 220	#D1CBDC
33.3%	33.3% #DCCCE3	RGB 220 204 227	#DCCCE3
50.0%	50.0% #EACDE8	RGB 234 205 232	#EACDE8
66.7%	66.7% #F1CEE3	RGB 241 206 227	#F1CEE3
83.3%	83.3% #F8CED9	RGB 248 206 217	#F8CED9
100.0%	100.0% #FFD4CF	RGB 255 212 207	#FFD4CF

#CACAD5 #D1CBDC #DCCCE3 #EACDE8 #F1CEE3 #F8CED9 #FFD4CF

#CACAD5 - #EACDE8 - #FFD4CF

CSS codes

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

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