#CCCADE - #876D9F | 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 #CCCADE a #876D9F

#CCCADE #876D9F

Calcule el color entre dos colores, #CCCADE y #876D9F. 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)

#CCCADE - #876D9F | 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 #CCCADE como 0% y #876D9F como 100%.

0.0%	0.0% #CCCADE	RGB 204 202 222	#CCCADE
16.7%	16.7% #C0BAD3	RGB 192 186 211	#C0BAD3
33.3%	33.3% #B5ABC9	RGB 181 171 201	#B5ABC9
50.0%	50.0% #A99BBE	RGB 169 155 190	#A99BBE
66.7%	66.7% #9E8CB4	RGB 158 140 180	#9E8CB4
83.3%	83.3% #927CA9	RGB 146 124 169	#927CA9
100.0%	100.0% #876D9F	RGB 135 109 159	#876D9F

#CCCADE #C0BAD3 #B5ABC9 #A99BBE #9E8CB4 #927CA9 #876D9F

#CCCADE - #876D9F

Mezcla HSV

#CCCADE - #876D9F | 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 #CCCADE como 0% y #876D9F como 100%.

0.0%	0.0% #CCCADE	RGB 204 202 222	#CCCADE
16.7%	16.7% #BDB8D3	RGB 189 184 211	#BDB8D3
33.3%	33.3% #AFA7C9	RGB 175 167 201	#AFA7C9
50.0%	50.0% #A397BE	RGB 163 151 190	#A397BE
66.7%	66.7% #9988B4	RGB 153 136 180	#9988B4
83.3%	83.3% #8F7AA9	RGB 143 122 169	#8F7AA9
100.0%	100.0% #876D9F	RGB 135 109 159	#876D9F

#CCCADE #BDB8D3 #AFA7C9 #A397BE #9988B4 #8F7AA9 #876D9F

#CCCADE - #A397BE - #876D9F

Códigos CSS

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

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