#C9D081 - #FCEFA9 | 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 #C9D081 a #FCEFA9

#C9D081 #FCEFA9

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

#C9D081 - #FCEFA9 | 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 #C9D081 como 0% y #FCEFA9 como 100%.

0.0%	0.0% #C9D081	RGB 201 208 129	#C9D081
16.7%	16.7% #D1D587	RGB 209 213 135	#D1D587
33.3%	33.3% #DADA8E	RGB 218 218 142	#DADA8E
50.0%	50.0% #E2DF95	RGB 226 223 149	#E2DF95
66.7%	66.7% #EBE49B	RGB 235 228 155	#EBE49B
83.3%	83.3% #F3E9A2	RGB 243 233 162	#F3E9A2
100.0%	100.0% #FCEFA9	RGB 252 239 169	#FCEFA9

#C9D081 #D1D587 #DADA8E #E2DF95 #EBE49B #F3E9A2 #FCEFA9

#C9D081 - #FCEFA9

Mezcla HSV

#C9D081 - #FCEFA9 | 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 #C9D081 como 0% y #FCEFA9 como 100%.

0.0%	0.0% #C9D081	RGB 201 208 129	#C9D081
16.7%	16.7% #D3D787	RGB 211 215 135	#D3D787
33.3%	33.3% #DEDE8D	RGB 222 222 141	#DEDE8D
50.0%	50.0% #E6E394	RGB 230 227 148	#E6E394
66.7%	66.7% #EDE79B	RGB 237 231 155	#EDE79B
83.3%	83.3% #F4EBA2	RGB 244 235 162	#F4EBA2
100.0%	100.0% #FCEFA9	RGB 252 239 169	#FCEFA9

#C9D081 #D3D787 #DEDE8D #E6E394 #EDE79B #F4EBA2 #FCEFA9

#C9D081 - #E6E394 - #FCEFA9

Códigos CSS

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

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