#C5E5A8 - #FFF0BF | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C5E5A8 a #FFF0BF

#C5E5A8 #FFF0BF

Calcule el color entre dos colores, #C5E5A8 y #FFF0BF. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C5E5A8 - #FFF0BF | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C5E5A8 como 0% y #FFF0BF como 100%.

0.0%	0.0% #C5E5A8	RGB 197 229 168	#C5E5A8
16.7%	16.7% #CEE6AB	RGB 206 230 171	#CEE6AB
33.3%	33.3% #D8E8AF	RGB 216 232 175	#D8E8AF
50.0%	50.0% #E2EAB3	RGB 226 234 179	#E2EAB3
66.7%	66.7% #EBECB7	RGB 235 236 183	#EBECB7
83.3%	83.3% #F5EEBB	RGB 245 238 187	#F5EEBB
100.0%	100.0% #FFF0BF	RGB 255 240 191	#FFF0BF

#C5E5A8 #CEE6AB #D8E8AF #E2EAB3 #EBECB7 #F5EEBB #FFF0BF

#C5E5A8 - #FFF0BF

Mezcla HSV

#C5E5A8 - #FFF0BF | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C5E5A8 como 0% y #FFF0BF como 100%.

0.0%	0.0% #C5E5A8	RGB 197 229 168	#C5E5A8
16.7%	16.7% #D0E9AB	RGB 208 233 171	#D0E9AB
33.3%	33.3% #DCEDAF	RGB 220 237 175	#DCEDAF
50.0%	50.0% #E8F2B3	RGB 232 242 179	#E8F2B3
66.7%	66.7% #F5F6B7	RGB 245 246 183	#F5F6B7
83.3%	83.3% #FAF3BB	RGB 250 243 187	#FAF3BB
100.0%	100.0% #FFF0BF	RGB 255 240 191	#FFF0BF

#C5E5A8 #D0E9AB #DCEDAF #E8F2B3 #F5F6B7 #FAF3BB #FFF0BF

#C5E5A8 - #E8F2B3 - #FFF0BF

Códigos CSS

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

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