#CAD092 - #8D9F3E | 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 #CAD092 a #8D9F3E

#CAD092 #8D9F3E

Calcule el color entre dos colores, #CAD092 y #8D9F3E. 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)

#CAD092 - #8D9F3E | 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 #CAD092 como 0% y #8D9F3E como 100%.

0.0%	0.0% #CAD092	RGB 202 208 146	#CAD092
16.7%	16.7% #BFC784	RGB 191 199 132	#BFC784
33.3%	33.3% #B5BF76	RGB 181 191 118	#B5BF76
50.0%	50.0% #ABB768	RGB 171 183 104	#ABB768
66.7%	66.7% #A1AF5A	RGB 161 175 90	#A1AF5A
83.3%	83.3% #97A74C	RGB 151 167 76	#97A74C
100.0%	100.0% #8D9F3E	RGB 141 159 62	#8D9F3E

#CAD092 #BFC784 #B5BF76 #ABB768 #A1AF5A #97A74C #8D9F3E

#CAD092 - #8D9F3E

Mezcla HSV

#CAD092 - #8D9F3E | 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 #CAD092 como 0% y #8D9F3E como 100%.

0.0%	0.0% #CAD092	RGB 202 208 146	#CAD092
16.7%	16.7% #C0C781	RGB 192 199 129	#C0C781
33.3%	33.3% #B5BF72	RGB 181 191 114	#B5BF72
50.0%	50.0% #ABB764	RGB 171 183 100	#ABB764
66.7%	66.7% #A1AF56	RGB 161 175 86	#A1AF56
83.3%	83.3% #97A749	RGB 151 167 73	#97A749
100.0%	100.0% #8D9F3E	RGB 141 159 62	#8D9F3E

#CAD092 #C0C781 #B5BF72 #ABB764 #A1AF56 #97A749 #8D9F3E

#CAD092 - #ABB764 - #8D9F3E

Códigos CSS

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

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