#CDD0B3 - #8F9C5E | 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 #CDD0B3 a #8F9C5E

#CDD0B3 #8F9C5E

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

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

0.0%	0.0% #CDD0B3	RGB 205 208 179	#CDD0B3
16.7%	16.7% #C2C7A4	RGB 194 199 164	#C2C7A4
33.3%	33.3% #B8BE96	RGB 184 190 150	#B8BE96
50.0%	50.0% #AEB688	RGB 174 182 136	#AEB688
66.7%	66.7% #A3AD7A	RGB 163 173 122	#A3AD7A
83.3%	83.3% #99A46C	RGB 153 164 108	#99A46C
100.0%	100.0% #8F9C5E	RGB 143 156 94	#8F9C5E

#CDD0B3 #C2C7A4 #B8BE96 #AEB688 #A3AD7A #99A46C #8F9C5E

#CDD0B3 - #8F9C5E

Mezcla HSV

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

0.0%	0.0% #CDD0B3	RGB 205 208 179	#CDD0B3
16.7%	16.7% #C2C7A2	RGB 194 199 162	#C2C7A2
33.3%	33.3% #B8BE93	RGB 184 190 147	#B8BE93
50.0%	50.0% #AEB685	RGB 174 182 133	#AEB685
66.7%	66.7% #A3AD77	RGB 163 173 119	#A3AD77
83.3%	83.3% #99A46A	RGB 153 164 106	#99A46A
100.0%	100.0% #8F9C5E	RGB 143 156 94	#8F9C5E

#CDD0B3 #C2C7A2 #B8BE93 #AEB685 #A3AD77 #99A46A #8F9C5E

#CDD0B3 - #AEB685 - #8F9C5E

Códigos CSS

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

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