#518B3D - #CDDDC7 | 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 #518B3D a #CDDDC7

#518B3D #CDDDC7

Calcule el color entre dos colores, #518B3D y #CDDDC7. 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)

#518B3D - #CDDDC7 | 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 #518B3D como 0% y #CDDDC7 como 100%.

0.0%	0.0% #518B3D	RGB 81 139 61	#518B3D
16.7%	16.7% #659854	RGB 101 152 84	#659854
33.3%	33.3% #7AA66B	RGB 122 166 107	#7AA66B
50.0%	50.0% #8FB482	RGB 143 180 130	#8FB482
66.7%	66.7% #A3C199	RGB 163 193 153	#A3C199
83.3%	83.3% #B8CFB0	RGB 184 207 176	#B8CFB0
100.0%	100.0% #CDDDC7	RGB 205 221 199	#CDDDC7

#518B3D #659854 #7AA66B #8FB482 #A3C199 #B8CFB0 #CDDDC7

#518B3D - #CDDDC7

Mezcla HSV

#518B3D - #CDDDC7 | 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 #518B3D como 0% y #CDDDC7 como 100%.

0.0%	0.0% #508B3D	RGB 80 139 61	#508B3D
16.7%	16.7% #61984E	RGB 97 152 78	#61984E
33.3%	33.3% #74A662	RGB 116 166 98	#74A662
50.0%	50.0% #88B478	RGB 136 180 120	#88B478
66.7%	66.7% #9DC190	RGB 157 193 144	#9DC190
83.3%	83.3% #B4CFAA	RGB 180 207 170	#B4CFAA
100.0%	100.0% #CDDDC7	RGB 205 221 199	#CDDDC7

#508B3D #61984E #74A662 #88B478 #9DC190 #B4CFAA #CDDDC7

#518B3D - #88B478 - #CDDDC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #508B3D 0%, #88B478 50%, #CDDDC7 100%);
    background: -webkit-linear-gradient(top, #508B3D 0%, #88B478 50%, #CDDDC7 100%);
    background: linear-gradient(to bottom, #508B3D 0%, #88B478 50%, #CDDDC7 100%);
}
</style>