#CAFFAB - #EFFFE7 | 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 #CAFFAB to #EFFFE7

#CAFFAB #EFFFE7

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

#CAFFAB - #EFFFE7 | 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 #CAFFAB as 0% and #EFFFE7 as 100%.

0.0%	0.0% #CAFFAB	RGB 202 255 171	#CAFFAB
16.7%	16.7% #D0FFB5	RGB 208 255 181	#D0FFB5
33.3%	33.3% #D6FFBF	RGB 214 255 191	#D6FFBF
50.0%	50.0% #DCFFC9	RGB 220 255 201	#DCFFC9
66.7%	66.7% #E2FFD3	RGB 226 255 211	#E2FFD3
83.3%	83.3% #E8FFDD	RGB 232 255 221	#E8FFDD
100.0%	100.0% #EFFFE7	RGB 239 255 231	#EFFFE7

#CAFFAB #D0FFB5 #D6FFBF #DCFFC9 #E2FFD3 #E8FFDD #EFFFE7

#CAFFAB - #EFFFE7

HSV Blend

#CAFFAB - #EFFFE7 | 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 #CAFFAB as 0% and #EFFFE7 as 100%.

0.0%	0.0% #CAFFAB	RGB 202 255 171	#CAFFAB
16.7%	16.7% #CFFFB5	RGB 207 255 181	#CFFFB5
33.3%	33.3% #D5FFBF	RGB 213 255 191	#D5FFBF
50.0%	50.0% #DBFFC9	RGB 219 255 201	#DBFFC9
66.7%	66.7% #E2FFD3	RGB 226 255 211	#E2FFD3
83.3%	83.3% #E8FFDD	RGB 232 255 221	#E8FFDD
100.0%	100.0% #EFFFE7	RGB 239 255 231	#EFFFE7

#CAFFAB #CFFFB5 #D5FFBF #DBFFC9 #E2FFD3 #E8FFDD #EFFFE7

#CAFFAB - #DBFFC9 - #EFFFE7

CSS codes

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

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