#C7E5A8 - #FFF1C0 | 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 #C7E5A8 a #FFF1C0

#C7E5A8 #FFF1C0

Calcule el color entre dos colores, #C7E5A8 y #FFF1C0. 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)

#C7E5A8 - #FFF1C0 | 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 #C7E5A8 como 0% y #FFF1C0 como 100%.

0.0%	0.0% #C7E5A8	RGB 199 229 168	#C7E5A8
16.7%	16.7% #D0E7AC	RGB 208 231 172	#D0E7AC
33.3%	33.3% #D9E9B0	RGB 217 233 176	#D9E9B0
50.0%	50.0% #E3EBB4	RGB 227 235 180	#E3EBB4
66.7%	66.7% #ECEDB8	RGB 236 237 184	#ECEDB8
83.3%	83.3% #F5EFBC	RGB 245 239 188	#F5EFBC
100.0%	100.0% #FFF1C0	RGB 255 241 192	#FFF1C0

#C7E5A8 #D0E7AC #D9E9B0 #E3EBB4 #ECEDB8 #F5EFBC #FFF1C0

#C7E5A8 - #FFF1C0

Mezcla HSV

#C7E5A8 - #FFF1C0 | 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 #C7E5A8 como 0% y #FFF1C0 como 100%.

0.0%	0.0% #C7E5A8	RGB 199 229 168	#C7E5A8
16.7%	16.7% #D2E9AB	RGB 210 233 171	#D2E9AB
33.3%	33.3% #DDEDAF	RGB 221 237 175	#DDEDAF
50.0%	50.0% #E9F2B3	RGB 233 242 179	#E9F2B3
66.7%	66.7% #F5F6B7	RGB 245 246 183	#F5F6B7
83.3%	83.3% #FAF4BB	RGB 250 244 187	#FAF4BB
100.0%	100.0% #FFF1C0	RGB 255 241 192	#FFF1C0

#C7E5A8 #D2E9AB #DDEDAF #E9F2B3 #F5F6B7 #FAF4BB #FFF1C0

#C7E5A8 - #E9F2B3 - #FFF1C0

Códigos CSS

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

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