#C0BC5C - #CDFCAF | 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 #C0BC5C a #CDFCAF

#C0BC5C #CDFCAF

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

#C0BC5C - #CDFCAF | 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 #C0BC5C como 0% y #CDFCAF como 100%.

0.0%	0.0% #C0BC5C	RGB 192 188 92	#C0BC5C
16.7%	16.7% #C2C669	RGB 194 198 105	#C2C669
33.3%	33.3% #C4D177	RGB 196 209 119	#C4D177
50.0%	50.0% #C6DC85	RGB 198 220 133	#C6DC85
66.7%	66.7% #C8E693	RGB 200 230 147	#C8E693
83.3%	83.3% #CAF1A1	RGB 202 241 161	#CAF1A1
100.0%	100.0% #CDFCAF	RGB 205 252 175	#CDFCAF

#C0BC5C #C2C669 #C4D177 #C6DC85 #C8E693 #CAF1A1 #CDFCAF

#C0BC5C - #CDFCAF

Mezcla HSV

#C0BC5C - #CDFCAF | 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 #C0BC5C como 0% y #CDFCAF como 100%.

0.0%	0.0% #C0BC5C	RGB 192 188 92	#C0BC5C
16.7%	16.7% #C3CA68	RGB 195 202 104	#C3CA68
33.3%	33.3% #C3D474	RGB 195 212 116	#C3D474
50.0%	50.0% #C3DE82	RGB 195 222 130	#C3DE82
66.7%	66.7% #C5E890	RGB 197 232 144	#C5E890
83.3%	83.3% #C8F29F	RGB 200 242 159	#C8F29F
100.0%	100.0% #CDFCAF	RGB 205 252 175	#CDFCAF

#C0BC5C #C3CA68 #C3D474 #C3DE82 #C5E890 #C8F29F #CDFCAF

#C0BC5C - #C3DE82 - #CDFCAF

Códigos CSS

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

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