#CCC7CE - #8F7788 | 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 #CCC7CE a #8F7788

#CCC7CE #8F7788

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

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

0.0%	0.0% #CCC7CE	RGB 204 199 206	#CCC7CE
16.7%	16.7% #C1B9C2	RGB 193 185 194	#C1B9C2
33.3%	33.3% #B7ACB6	RGB 183 172 182	#B7ACB6
50.0%	50.0% #AD9FAB	RGB 173 159 171	#AD9FAB
66.7%	66.7% #A3919F	RGB 163 145 159	#A3919F
83.3%	83.3% #998493	RGB 153 132 147	#998493
100.0%	100.0% #8F7788	RGB 143 119 136	#8F7788

#CCC7CE #C1B9C2 #B7ACB6 #AD9FAB #A3919F #998493 #8F7788

#CCC7CE - #8F7788

Mezcla HSV

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

0.0%	0.0% #CCC7CE	RGB 204 199 206	#CCC7CE
16.7%	16.7% #C1B8C3	RGB 193 184 195	#C1B8C3
33.3%	33.3% #B7AAB9	RGB 183 170 185	#B7AAB9
50.0%	50.0% #AE9CAE	RGB 174 156 174	#AE9CAE
66.7%	66.7% #A48FA1	RGB 164 143 161	#A48FA1
83.3%	83.3% #998395	RGB 153 131 149	#998395
100.0%	100.0% #8F7788	RGB 143 119 136	#8F7788

#CCC7CE #C1B8C3 #B7AAB9 #AE9CAE #A48FA1 #998395 #8F7788

#CCC7CE - #AE9CAE - #8F7788

Códigos CSS

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

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