#CCC3CE - #797189 | 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 #CCC3CE a #797189

#CCC3CE #797189

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

#CCC3CE - #797189 | 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 #CCC3CE como 0% y #797189 como 100%.

0.0%	0.0% #CCC3CE	RGB 204 195 206	#CCC3CE
16.7%	16.7% #BEB5C2	RGB 190 181 194	#BEB5C2
33.3%	33.3% #B0A7B7	RGB 176 167 183	#B0A7B7
50.0%	50.0% #A29AAB	RGB 162 154 171	#A29AAB
66.7%	66.7% #948CA0	RGB 148 140 160	#948CA0
83.3%	83.3% #867E94	RGB 134 126 148	#867E94
100.0%	100.0% #797189	RGB 121 113 137	#797189

#CCC3CE #BEB5C2 #B0A7B7 #A29AAB #948CA0 #867E94 #797189

#CCC3CE - #797189

Mezcla HSV

#CCC3CE - #797189 | 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 #CCC3CE como 0% y #797189 como 100%.

0.0%	0.0% #CCC3CE	RGB 204 195 206	#CCC3CE
16.7%	16.7% #BEB4C2	RGB 190 180 194	#BEB4C2
33.3%	33.3% #B1A5B7	RGB 177 165 183	#B1A5B7
50.0%	50.0% #A397AB	RGB 163 151 171	#A397AB
66.7%	66.7% #958AA0	RGB 149 138 160	#958AA0
83.3%	83.3% #877D94	RGB 135 125 148	#877D94
100.0%	100.0% #797189	RGB 121 113 137	#797189

#CCC3CE #BEB4C2 #B1A5B7 #A397AB #958AA0 #877D94 #797189

#CCC3CE - #A397AB - #797189

Códigos CSS

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

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