#D6E5C2 - #A0AD5E | 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 #D6E5C2 a #A0AD5E

#D6E5C2 #A0AD5E

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

#D6E5C2 - #A0AD5E | 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 #D6E5C2 como 0% y #A0AD5E como 100%.

0.0%	0.0% #D6E5C2	RGB 214 229 194	#D6E5C2
16.7%	16.7% #CDDBB1	RGB 205 219 177	#CDDBB1
33.3%	33.3% #C4D2A0	RGB 196 210 160	#C4D2A0
50.0%	50.0% #BBC990	RGB 187 201 144	#BBC990
66.7%	66.7% #B2BF7F	RGB 178 191 127	#B2BF7F
83.3%	83.3% #A9B66E	RGB 169 182 110	#A9B66E
100.0%	100.0% #A0AD5E	RGB 160 173 94	#A0AD5E

#D6E5C2 #CDDBB1 #C4D2A0 #BBC990 #B2BF7F #A9B66E #A0AD5E

#D6E5C2 - #A0AD5E

Mezcla HSV

#D6E5C2 - #A0AD5E | 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 #D6E5C2 como 0% y #A0AD5E como 100%.

0.0%	0.0% #D6E5C2	RGB 214 229 194	#D6E5C2
16.7%	16.7% #CADBAE	RGB 202 219 174	#CADBAE
33.3%	33.3% #C0D29C	RGB 192 210 156	#C0D29C
50.0%	50.0% #B6C98B	RGB 182 201 139	#B6C98B
66.7%	66.7% #AEBF7B	RGB 174 191 123	#AEBF7B
83.3%	83.3% #A6B66C	RGB 166 182 108	#A6B66C
100.0%	100.0% #A0AD5E	RGB 160 173 94	#A0AD5E

#D6E5C2 #CADBAE #C0D29C #B6C98B #AEBF7B #A6B66C #A0AD5E

#D6E5C2 - #B6C98B - #A0AD5E

Códigos CSS

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

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