#CDD9A8 - #8DAD53 | 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 #CDD9A8 a #8DAD53

#CDD9A8 #8DAD53

Calcule el color entre dos colores, #CDD9A8 y #8DAD53. 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)

#CDD9A8 - #8DAD53 | 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 #CDD9A8 como 0% y #8DAD53 como 100%.

0.0%	0.0% #CDD9A8	RGB 205 217 168	#CDD9A8
16.7%	16.7% #C2D199	RGB 194 209 153	#C2D199
33.3%	33.3% #B7CA8B	RGB 183 202 139	#B7CA8B
50.0%	50.0% #ADC37D	RGB 173 195 125	#ADC37D
66.7%	66.7% #A2BB6F	RGB 162 187 111	#A2BB6F
83.3%	83.3% #97B461	RGB 151 180 97	#97B461
100.0%	100.0% #8DAD53	RGB 141 173 83	#8DAD53

#CDD9A8 #C2D199 #B7CA8B #ADC37D #A2BB6F #97B461 #8DAD53

#CDD9A8 - #8DAD53

Mezcla HSV

#CDD9A8 - #8DAD53 | 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 #CDD9A8 como 0% y #8DAD53 como 100%.

0.0%	0.0% #CDD9A8	RGB 205 217 168	#CDD9A8
16.7%	16.7% #C2D198	RGB 194 209 152	#C2D198
33.3%	33.3% #B7CA88	RGB 183 202 136	#B7CA88
50.0%	50.0% #ADC37A	RGB 173 195 122	#ADC37A
66.7%	66.7% #A2BB6C	RGB 162 187 108	#A2BB6C
83.3%	83.3% #97B45F	RGB 151 180 95	#97B45F
100.0%	100.0% #8DAD53	RGB 141 173 83	#8DAD53

#CDD9A8 #C2D198 #B7CA88 #ADC37A #A2BB6C #97B45F #8DAD53

#CDD9A8 - #ADC37A - #8DAD53

Códigos CSS

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

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