#CFD0CC - #8C9B7B | 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 #CFD0CC a #8C9B7B

#CFD0CC #8C9B7B

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

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

0.0%	0.0% #CFD0CC	RGB 207 208 204	#CFD0CC
16.7%	16.7% #C3C7BE	RGB 195 199 190	#C3C7BE
33.3%	33.3% #B8BEB1	RGB 184 190 177	#B8BEB1
50.0%	50.0% #ADB5A3	RGB 173 181 163	#ADB5A3
66.7%	66.7% #A2AC96	RGB 162 172 150	#A2AC96
83.3%	83.3% #97A388	RGB 151 163 136	#97A388
100.0%	100.0% #8C9B7B	RGB 140 155 123	#8C9B7B

#CFD0CC #C3C7BE #B8BEB1 #ADB5A3 #A2AC96 #97A388 #8C9B7B

#CFD0CC - #8C9B7B

Mezcla HSV

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

0.0%	0.0% #CFD0CC	RGB 207 208 204	#CFD0CC
16.7%	16.7% #C4C7BD	RGB 196 199 189	#C4C7BD
33.3%	33.3% #B9BEAE	RGB 185 190 174	#B9BEAE
50.0%	50.0% #AEB5A1	RGB 174 181 161	#AEB5A1
66.7%	66.7% #A2AC93	RGB 162 172 147	#A2AC93
83.3%	83.3% #97A387	RGB 151 163 135	#97A387
100.0%	100.0% #8C9B7B	RGB 140 155 123	#8C9B7B

#CFD0CC #C4C7BD #B9BEAE #AEB5A1 #A2AC93 #97A387 #8C9B7B

#CFD0CC - #AEB5A1 - #8C9B7B

Códigos CSS

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

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