#CDBDBD - #8D5E71 | 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 #CDBDBD a #8D5E71

#CDBDBD #8D5E71

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

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

0.0%	0.0% #CDBDBD	RGB 205 189 189	#CDBDBD
16.7%	16.7% #C2ADB0	RGB 194 173 176	#C2ADB0
33.3%	33.3% #B79DA3	RGB 183 157 163	#B79DA3
50.0%	50.0% #AD8D97	RGB 173 141 151	#AD8D97
66.7%	66.7% #A27D8A	RGB 162 125 138	#A27D8A
83.3%	83.3% #976D7D	RGB 151 109 125	#976D7D
100.0%	100.0% #8D5E71	RGB 141 94 113	#8D5E71

#CDBDBD #C2ADB0 #B79DA3 #AD8D97 #A27D8A #976D7D #8D5E71

#CDBDBD - #8D5E71

Mezcla HSV

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

0.0%	0.0% #CDBDBD	RGB 205 189 189	#CDBDBD
16.7%	16.7% #C2AAAC	RGB 194 170 172	#C2AAAC
33.3%	33.3% #B7999D	RGB 183 153 157	#B7999D
50.0%	50.0% #AD8990	RGB 173 137 144	#AD8990
66.7%	66.7% #A27A84	RGB 162 122 132	#A27A84
83.3%	83.3% #976B7A	RGB 151 107 122	#976B7A
100.0%	100.0% #8D5E71	RGB 141 94 113	#8D5E71

#CDBDBD #C2AAAC #B7999D #AD8990 #A27A84 #976B7A #8D5E71

#CDBDBD - #AD8990 - #8D5E71

Códigos CSS

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

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