#C0D5E3 - #6989AC | 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 #C0D5E3 a #6989AC

#C0D5E3 #6989AC

Calcule el color entre dos colores, #C0D5E3 y #6989AC. 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)

#C0D5E3 - #6989AC | 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 #C0D5E3 como 0% y #6989AC como 100%.

0.0%	0.0% #C0D5E3	RGB 192 213 227	#C0D5E3
16.7%	16.7% #B1C8D9	RGB 177 200 217	#B1C8D9
33.3%	33.3% #A3BBD0	RGB 163 187 208	#A3BBD0
50.0%	50.0% #94AFC7	RGB 148 175 199	#94AFC7
66.7%	66.7% #86A2BE	RGB 134 162 190	#86A2BE
83.3%	83.3% #7795B5	RGB 119 149 181	#7795B5
100.0%	100.0% #6989AC	RGB 105 137 172	#6989AC

#C0D5E3 #B1C8D9 #A3BBD0 #94AFC7 #86A2BE #7795B5 #6989AC

#C0D5E3 - #6989AC

Mezcla HSV

#C0D5E3 - #6989AC | 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 #C0D5E3 como 0% y #6989AC como 100%.

0.0%	0.0% #C0D5E3	RGB 192 213 227	#C0D5E3
16.7%	16.7% #AFC8D9	RGB 175 200 217	#AFC8D9
33.3%	33.3% #A0BBD0	RGB 160 187 208	#A0BBD0
50.0%	50.0% #91AEC7	RGB 145 174 199	#91AEC7
66.7%	66.7% #83A1BE	RGB 131 161 190	#83A1BE
83.3%	83.3% #7595B5	RGB 117 149 181	#7595B5
100.0%	100.0% #6989AC	RGB 105 137 172	#6989AC

#C0D5E3 #AFC8D9 #A0BBD0 #91AEC7 #83A1BE #7595B5 #6989AC

#C0D5E3 - #91AEC7 - #6989AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D5E3 0%, #91AEC7 50%, #6989AC 100%);
    background: -webkit-linear-gradient(top, #C0D5E3 0%, #91AEC7 50%, #6989AC 100%);
    background: linear-gradient(to bottom, #C0D5E3 0%, #91AEC7 50%, #6989AC 100%);
}
</style>