#6B8E23 - #F6D350 | 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 #6B8E23 a #F6D350

#6B8E23 #F6D350

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

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

0.0%	0.0% #6B8E23	RGB 107 142 35	#6B8E23
16.7%	16.7% #82992A	RGB 130 153 42	#82992A
33.3%	33.3% #99A532	RGB 153 165 50	#99A532
50.0%	50.0% #B0B039	RGB 176 176 57	#B0B039
66.7%	66.7% #C7BC41	RGB 199 188 65	#C7BC41
83.3%	83.3% #DEC748	RGB 222 199 72	#DEC748
100.0%	100.0% #F6D350	RGB 246 211 80	#F6D350

#6B8E23 #82992A #99A532 #B0B039 #C7BC41 #DEC748 #F6D350

#6B8E23 - #F6D350

Mezcla HSV

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

0.0%	0.0% #6B8E22	RGB 107 142 34	#6B8E22
16.7%	16.7% #839F29	RGB 131 159 41	#839F29
33.3%	33.3% #9DB030	RGB 157 176 48	#9DB030
50.0%	50.0% #B9C237	RGB 185 194 55	#B9C237
66.7%	66.7% #D3CE3F	RGB 211 206 63	#D3CE3F
83.3%	83.3% #E4D147	RGB 228 209 71	#E4D147
100.0%	100.0% #F6D350	RGB 246 211 80	#F6D350

#6B8E22 #839F29 #9DB030 #B9C237 #D3CE3F #E4D147 #F6D350

#6B8E23 - #B9C237 - #F6D350

Códigos CSS

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

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