#C0D39B - #FCEEB7 | 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 #C0D39B a #FCEEB7

#C0D39B #FCEEB7

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

#C0D39B - #FCEEB7 | 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 #C0D39B como 0% y #FCEEB7 como 100%.

0.0%	0.0% #C0D39B	RGB 192 211 155	#C0D39B
16.7%	16.7% #CAD79F	RGB 202 215 159	#CAD79F
33.3%	33.3% #D4DCA4	RGB 212 220 164	#D4DCA4
50.0%	50.0% #DEE0A9	RGB 222 224 169	#DEE0A9
66.7%	66.7% #E8E5AD	RGB 232 229 173	#E8E5AD
83.3%	83.3% #F2E9B2	RGB 242 233 178	#F2E9B2
100.0%	100.0% #FCEEB7	RGB 252 238 183	#FCEEB7

#C0D39B #CAD79F #D4DCA4 #DEE0A9 #E8E5AD #F2E9B2 #FCEEB7

#C0D39B - #FCEEB7

Mezcla HSV

#C0D39B - #FCEEB7 | 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 #C0D39B como 0% y #FCEEB7 como 100%.

0.0%	0.0% #C0D39B	RGB 192 211 155	#C0D39B
16.7%	16.7% #CBD99F	RGB 203 217 159	#CBD99F
33.3%	33.3% #D7E0A4	RGB 215 224 164	#D7E0A4
50.0%	50.0% #E3E7A9	RGB 227 231 169	#E3E7A9
66.7%	66.7% #EEECAD	RGB 238 236 173	#EEECAD
83.3%	83.3% #F5EDB2	RGB 245 237 178	#F5EDB2
100.0%	100.0% #FCEEB7	RGB 252 238 183	#FCEEB7

#C0D39B #CBD99F #D7E0A4 #E3E7A9 #EEECAD #F5EDB2 #FCEEB7

#C0D39B - #E3E7A9 - #FCEEB7

Códigos CSS

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

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