#CCBDB2 - #AD795D | 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 #CCBDB2 a #AD795D

#CCBDB2 #AD795D

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

#CCBDB2 - #AD795D | 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 #CCBDB2 como 0% y #AD795D como 100%.

0.0%	0.0% #CCBDB2	RGB 204 189 178	#CCBDB2
16.7%	16.7% #C6B1A3	RGB 198 177 163	#C6B1A3
33.3%	33.3% #C1A695	RGB 193 166 149	#C1A695
50.0%	50.0% #BC9B87	RGB 188 155 135	#BC9B87
66.7%	66.7% #B78F79	RGB 183 143 121	#B78F79
83.3%	83.3% #B2846B	RGB 178 132 107	#B2846B
100.0%	100.0% #AD795D	RGB 173 121 93	#AD795D

#CCBDB2 #C6B1A3 #C1A695 #BC9B87 #B78F79 #B2846B #AD795D

#CCBDB2 - #AD795D

Mezcla HSV

#CCBDB2 - #AD795D | 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 #CCBDB2 como 0% y #AD795D como 100%.

0.0%	0.0% #CCBDB2	RGB 204 189 178	#CCBDB2
16.7%	16.7% #C6B1A2	RGB 198 177 162	#C6B1A2
33.3%	33.3% #C1A593	RGB 193 165 147	#C1A593
50.0%	50.0% #BC9A84	RGB 188 154 132	#BC9A84
66.7%	66.7% #B78F77	RGB 183 143 119	#B78F77
83.3%	83.3% #B28369	RGB 178 131 105	#B28369
100.0%	100.0% #AD795D	RGB 173 121 93	#AD795D

#CCBDB2 #C6B1A2 #C1A593 #BC9A84 #B78F77 #B28369 #AD795D

#CCBDB2 - #BC9A84 - #AD795D

Códigos CSS

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

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