#CCD1B0 - #8D9F5B | 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 #CCD1B0 a #8D9F5B

#CCD1B0 #8D9F5B

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

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

0.0%	0.0% #CCD1B0	RGB 204 209 176	#CCD1B0
16.7%	16.7% #C1C8A1	RGB 193 200 161	#C1C8A1
33.3%	33.3% #B7C093	RGB 183 192 147	#B7C093
50.0%	50.0% #ACB885	RGB 172 184 133	#ACB885
66.7%	66.7% #A2AF77	RGB 162 175 119	#A2AF77
83.3%	83.3% #97A769	RGB 151 167 105	#97A769
100.0%	100.0% #8D9F5B	RGB 141 159 91	#8D9F5B

#CCD1B0 #C1C8A1 #B7C093 #ACB885 #A2AF77 #97A769 #8D9F5B

#CCD1B0 - #8D9F5B

Mezcla HSV

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

0.0%	0.0% #CCD1B0	RGB 204 209 176	#CCD1B0
16.7%	16.7% #C1C89F	RGB 193 200 159	#C1C89F
33.3%	33.3% #B7C090	RGB 183 192 144	#B7C090
50.0%	50.0% #ACB882	RGB 172 184 130	#ACB882
66.7%	66.7% #A2AF74	RGB 162 175 116	#A2AF74
83.3%	83.3% #97A767	RGB 151 167 103	#97A767
100.0%	100.0% #8D9F5B	RGB 141 159 91	#8D9F5B

#CCD1B0 #C1C89F #B7C090 #ACB882 #A2AF74 #97A767 #8D9F5B

#CCD1B0 - #ACB882 - #8D9F5B

Códigos CSS

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

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