#EFF0DA - #BAC78A | 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 #EFF0DA a #BAC78A

#EFF0DA #BAC78A

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

#EFF0DA - #BAC78A | 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 #EFF0DA como 0% y #BAC78A como 100%.

0.0%	0.0% #EFF0DA	RGB 239 240 218	#EFF0DA
16.7%	16.7% #E6E9CC	RGB 230 233 204	#E6E9CC
33.3%	33.3% #DDE2BF	RGB 221 226 191	#DDE2BF
50.0%	50.0% #D4DBB2	RGB 212 219 178	#D4DBB2
66.7%	66.7% #CBD4A4	RGB 203 212 164	#CBD4A4
83.3%	83.3% #C2CD97	RGB 194 205 151	#C2CD97
100.0%	100.0% #BAC78A	RGB 186 199 138	#BAC78A

#EFF0DA #E6E9CC #DDE2BF #D4DBB2 #CBD4A4 #C2CD97 #BAC78A

#EFF0DA - #BAC78A

Mezcla HSV

#EFF0DA - #BAC78A | 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 #EFF0DA como 0% y #BAC78A como 100%.

0.0%	0.0% #EFF0DA	RGB 239 240 218	#EFF0DA
16.7%	16.7% #E6E9CB	RGB 230 233 203	#E6E9CB
33.3%	33.3% #DEE2BD	RGB 222 226 189	#DEE2BD
50.0%	50.0% #D5DBAF	RGB 213 219 175	#D5DBAF
66.7%	66.7% #CCD4A2	RGB 204 212 162	#CCD4A2
83.3%	83.3% #C3CD96	RGB 195 205 150	#C3CD96
100.0%	100.0% #BAC78A	RGB 186 199 138	#BAC78A

#EFF0DA #E6E9CB #DEE2BD #D5DBAF #CCD4A2 #C3CD96 #BAC78A

#EFF0DA - #D5DBAF - #BAC78A

Códigos CSS

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

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