#6F8D41 - #EFD068 | 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 #6F8D41 a #EFD068

#6F8D41 #EFD068

Calcule el color entre dos colores, #6F8D41 y #EFD068. 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)

#6F8D41 - #EFD068 | 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 #6F8D41 como 0% y #EFD068 como 100%.

0.0%	0.0% #6F8D41	RGB 111 141 65	#6F8D41
16.7%	16.7% #849847	RGB 132 152 71	#849847
33.3%	33.3% #99A34E	RGB 153 163 78	#99A34E
50.0%	50.0% #AFAE54	RGB 175 174 84	#AFAE54
66.7%	66.7% #C4B95B	RGB 196 185 91	#C4B95B
83.3%	83.3% #D9C461	RGB 217 196 97	#D9C461
100.0%	100.0% #EFD068	RGB 239 208 104	#EFD068

#6F8D41 #849847 #99A34E #AFAE54 #C4B95B #D9C461 #EFD068

#6F8D41 - #EFD068

Mezcla HSV

#6F8D41 - #EFD068 | 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 #6F8D41 como 0% y #EFD068 como 100%.

0.0%	0.0% #6F8D41	RGB 111 141 65	#6F8D41
16.7%	16.7% #849D47	RGB 132 157 71	#849D47
33.3%	33.3% #9BAD4E	RGB 155 173 78	#9BAD4E
50.0%	50.0% #B5BE55	RGB 181 190 85	#B5BE55
66.7%	66.7% #CECB5B	RGB 206 203 91	#CECB5B
83.3%	83.3% #DECE61	RGB 222 206 97	#DECE61
100.0%	100.0% #EFD068	RGB 239 208 104	#EFD068

#6F8D41 #849D47 #9BAD4E #B5BE55 #CECB5B #DECE61 #EFD068

#6F8D41 - #B5BE55 - #EFD068

Códigos CSS

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

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