#C26CDB - #8CAAFF | 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 #C26CDB a #8CAAFF

#C26CDB #8CAAFF

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

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

0.0%	0.0% #C26CDB	RGB 194 108 219	#C26CDB
16.7%	16.7% #B976E1	RGB 185 118 225	#B976E1
33.3%	33.3% #B080E7	RGB 176 128 231	#B080E7
50.0%	50.0% #A78BED	RGB 167 139 237	#A78BED
66.7%	66.7% #9E95F3	RGB 158 149 243	#9E95F3
83.3%	83.3% #959FF9	RGB 149 159 249	#959FF9
100.0%	100.0% #8CAAFF	RGB 140 170 255	#8CAAFF

#C26CDB #B976E1 #B080E7 #A78BED #9E95F3 #959FF9 #8CAAFF

#C26CDB - #8CAAFF

Mezcla HSV

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

0.0%	0.0% #C26CDB	RGB 194 108 219	#C26CDB
16.7%	16.7% #B471E1	RGB 180 113 225	#B471E1
33.3%	33.3% #A676E7	RGB 166 118 231	#A676E7
50.0%	50.0% #987BED	RGB 152 123 237	#987BED
66.7%	66.7% #8A80F3	RGB 138 128 243	#8A80F3
83.3%	83.3% #8690F9	RGB 134 144 249	#8690F9
100.0%	100.0% #8CAAFF	RGB 140 170 255	#8CAAFF

#C26CDB #B471E1 #A676E7 #987BED #8A80F3 #8690F9 #8CAAFF

#C26CDB - #987BED - #8CAAFF

Códigos CSS

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

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