#516150 - #CDD1CD | 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 #516150 a #CDD1CD

#516150 #CDD1CD

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

#516150 - #CDD1CD | 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 #516150 como 0% y #CDD1CD como 100%.

0.0%	0.0% #516150	RGB 81 97 80	#516150
16.7%	16.7% #657364	RGB 101 115 100	#657364
33.3%	33.3% #7A8679	RGB 122 134 121	#7A8679
50.0%	50.0% #8F998E	RGB 143 153 142	#8F998E
66.7%	66.7% #A3ABA3	RGB 163 171 163	#A3ABA3
83.3%	83.3% #B8BEB8	RGB 184 190 184	#B8BEB8
100.0%	100.0% #CDD1CD	RGB 205 209 205	#CDD1CD

#516150 #657364 #7A8679 #8F998E #A3ABA3 #B8BEB8 #CDD1CD

#516150 - #CDD1CD

Mezcla HSV

#516150 - #CDD1CD | 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 #516150 como 0% y #CDD1CD como 100%.

0.0%	0.0% #516150	RGB 81 97 80	#516150
16.7%	16.7% #637362	RGB 99 115 98	#637362
33.3%	33.3% #768675	RGB 118 134 117	#768675
50.0%	50.0% #8A998A	RGB 138 153 138	#8A998A
66.7%	66.7% #9FAB9F	RGB 159 171 159	#9FAB9F
83.3%	83.3% #B5BEB5	RGB 181 190 181	#B5BEB5
100.0%	100.0% #CDD1CD	RGB 205 209 205	#CDD1CD

#516150 #637362 #768675 #8A998A #9FAB9F #B5BEB5 #CDD1CD

#516150 - #8A998A - #CDD1CD

Códigos CSS

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

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