#C4D5E3 - #6D89AB | 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 #C4D5E3 a #6D89AB

#C4D5E3 #6D89AB

Calcule el color entre dos colores, #C4D5E3 y #6D89AB. 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)

#C4D5E3 - #6D89AB | 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 #C4D5E3 como 0% y #6D89AB como 100%.

0.0%	0.0% #C4D5E3	RGB 196 213 227	#C4D5E3
16.7%	16.7% #B5C8D9	RGB 181 200 217	#B5C8D9
33.3%	33.3% #A7BBD0	RGB 167 187 208	#A7BBD0
50.0%	50.0% #98AFC7	RGB 152 175 199	#98AFC7
66.7%	66.7% #8AA2BD	RGB 138 162 189	#8AA2BD
83.3%	83.3% #7B95B4	RGB 123 149 180	#7B95B4
100.0%	100.0% #6D89AB	RGB 109 137 171	#6D89AB

#C4D5E3 #B5C8D9 #A7BBD0 #98AFC7 #8AA2BD #7B95B4 #6D89AB

#C4D5E3 - #6D89AB

Mezcla HSV

#C4D5E3 - #6D89AB | 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 #C4D5E3 como 0% y #6D89AB como 100%.

0.0%	0.0% #C4D5E3	RGB 196 213 227	#C4D5E3
16.7%	16.7% #B3C7D9	RGB 179 199 217	#B3C7D9
33.3%	33.3% #A4BAD0	RGB 164 186 208	#A4BAD0
50.0%	50.0% #95AEC7	RGB 149 174 199	#95AEC7
66.7%	66.7% #87A1BD	RGB 135 161 189	#87A1BD
83.3%	83.3% #7995B4	RGB 121 149 180	#7995B4
100.0%	100.0% #6D89AB	RGB 109 137 171	#6D89AB

#C4D5E3 #B3C7D9 #A4BAD0 #95AEC7 #87A1BD #7995B4 #6D89AB

#C4D5E3 - #95AEC7 - #6D89AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4D5E3 0%, #95AEC7 50%, #6D89AB 100%);
    background: -webkit-linear-gradient(top, #C4D5E3 0%, #95AEC7 50%, #6D89AB 100%);
    background: linear-gradient(to bottom, #C4D5E3 0%, #95AEC7 50%, #6D89AB 100%);
}
</style>