#BFC039 - #ECEDC6 | 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 #BFC039 a #ECEDC6

#BFC039 #ECEDC6

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

#BFC039 - #ECEDC6 | 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 #BFC039 como 0% y #ECEDC6 como 100%.

0.0%	0.0% #BFC039	RGB 191 192 57	#BFC039
16.7%	16.7% #C6C750	RGB 198 199 80	#C6C750
33.3%	33.3% #CECF68	RGB 206 207 104	#CECF68
50.0%	50.0% #D5D67F	RGB 213 214 127	#D5D67F
66.7%	66.7% #DDDE97	RGB 221 222 151	#DDDE97
83.3%	83.3% #E4E5AE	RGB 228 229 174	#E4E5AE
100.0%	100.0% #ECEDC6	RGB 236 237 198	#ECEDC6

#BFC039 #C6C750 #CECF68 #D5D67F #DDDE97 #E4E5AE #ECEDC6

#BFC039 - #ECEDC6

Mezcla HSV

#BFC039 - #ECEDC6 | 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 #BFC039 como 0% y #ECEDC6 como 100%.

0.0%	0.0% #BFC039	RGB 191 192 57	#BFC039
16.7%	16.7% #C6C74D	RGB 198 199 77	#C6C74D
33.3%	33.3% #CDCF62	RGB 205 207 98	#CDCF62
50.0%	50.0% #D4D679	RGB 212 214 121	#D4D679
66.7%	66.7% #DCDE91	RGB 220 222 145	#DCDE91
83.3%	83.3% #E4E5AB	RGB 228 229 171	#E4E5AB
100.0%	100.0% #ECEDC6	RGB 236 237 198	#ECEDC6

#BFC039 #C6C74D #CDCF62 #D4D679 #DCDE91 #E4E5AB #ECEDC6

#BFC039 - #D4D679 - #ECEDC6

Códigos CSS

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

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