#CCCEC3 - #8A9970 | 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 #CCCEC3 a #8A9970

#CCCEC3 #8A9970

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

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

0.0%	0.0% #CCCEC3	RGB 204 206 195	#CCCEC3
16.7%	16.7% #C1C5B5	RGB 193 197 181	#C1C5B5
33.3%	33.3% #B6BCA7	RGB 182 188 167	#B6BCA7
50.0%	50.0% #ABB399	RGB 171 179 153	#ABB399
66.7%	66.7% #A0AA8B	RGB 160 170 139	#A0AA8B
83.3%	83.3% #95A17D	RGB 149 161 125	#95A17D
100.0%	100.0% #8A9970	RGB 138 153 112	#8A9970

#CCCEC3 #C1C5B5 #B6BCA7 #ABB399 #A0AA8B #95A17D #8A9970

#CCCEC3 - #8A9970

Mezcla HSV

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

0.0%	0.0% #CCCEC3	RGB 204 206 195	#CCCEC3
16.7%	16.7% #C1C5B3	RGB 193 197 179	#C1C5B3
33.3%	33.3% #B6BCA4	RGB 182 188 164	#B6BCA4
50.0%	50.0% #ABB396	RGB 171 179 150	#ABB396
66.7%	66.7% #A0AA89	RGB 160 170 137	#A0AA89
83.3%	83.3% #95A17C	RGB 149 161 124	#95A17C
100.0%	100.0% #8A9970	RGB 138 153 112	#8A9970

#CCCEC3 #C1C5B3 #B6BCA4 #ABB396 #A0AA89 #95A17C #8A9970

#CCCEC3 - #ABB396 - #8A9970

Códigos CSS

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

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