#CECACD - #967AA2 | 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 #CECACD a #967AA2

#CECACD #967AA2

Calcule el color entre dos colores, #CECACD y #967AA2. 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)

#CECACD - #967AA2 | 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 #CECACD como 0% y #967AA2 como 100%.

0.0%	0.0% #CECACD	RGB 206 202 205	#CECACD
16.7%	16.7% #C4BCC5	RGB 196 188 197	#C4BCC5
33.3%	33.3% #BBAFBE	RGB 187 175 190	#BBAFBE
50.0%	50.0% #B2A2B7	RGB 178 162 183	#B2A2B7
66.7%	66.7% #A894B0	RGB 168 148 176	#A894B0
83.3%	83.3% #9F87A9	RGB 159 135 169	#9F87A9
100.0%	100.0% #967AA2	RGB 150 122 162	#967AA2

#CECACD #C4BCC5 #BBAFBE #B2A2B7 #A894B0 #9F87A9 #967AA2

#CECACD - #967AA2

Mezcla HSV

#CECACD - #967AA2 | 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 #CECACD como 0% y #967AA2 como 100%.

0.0%	0.0% #CECACD	RGB 206 202 205	#CECACD
16.7%	16.7% #C6BBC4	RGB 198 187 196	#C6BBC4
33.3%	33.3% #BFADBE	RGB 191 173 190	#BFADBE
50.0%	50.0% #B79FB8	RGB 183 159 184	#B79FB8
66.7%	66.7% #AD92B0	RGB 173 146 176	#AD92B0
83.3%	83.3% #A185A9	RGB 161 133 169	#A185A9
100.0%	100.0% #967AA2	RGB 150 122 162	#967AA2

#CECACD #C6BBC4 #BFADBE #B79FB8 #AD92B0 #A185A9 #967AA2

#CECACD - #B79FB8 - #967AA2

Códigos CSS

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

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