#418EBA - #C8DEEB | 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 #418EBA a #C8DEEB

#418EBA #C8DEEB

Calcule el color entre dos colores, #418EBA y #C8DEEB. 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)

#418EBA - #C8DEEB | 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 #418EBA como 0% y #C8DEEB como 100%.

0.0%	0.0% #418EBA	RGB 65 142 186	#418EBA
16.7%	16.7% #579BC2	RGB 87 155 194	#579BC2
33.3%	33.3% #6EA8CA	RGB 110 168 202	#6EA8CA
50.0%	50.0% #84B6D2	RGB 132 182 210	#84B6D2
66.7%	66.7% #9BC3DA	RGB 155 195 218	#9BC3DA
83.3%	83.3% #B1D0E2	RGB 177 208 226	#B1D0E2
100.0%	100.0% #C8DEEB	RGB 200 222 235	#C8DEEB

#418EBA #579BC2 #6EA8CA #84B6D2 #9BC3DA #B1D0E2 #C8DEEB

#418EBA - #C8DEEB

Mezcla HSV

#418EBA - #C8DEEB | 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 #418EBA como 0% y #C8DEEB como 100%.

0.0%	0.0% #418EBA	RGB 65 142 186	#418EBA
16.7%	16.7% #5499C2	RGB 84 153 194	#5499C2
33.3%	33.3% #68A6CA	RGB 104 166 202	#68A6CA
50.0%	50.0% #7EB3D2	RGB 126 179 210	#7EB3D2
66.7%	66.7% #95C1DA	RGB 149 193 218	#95C1DA
83.3%	83.3% #AECFE2	RGB 174 207 226	#AECFE2
100.0%	100.0% #C8DEEB	RGB 200 222 235	#C8DEEB

#418EBA #5499C2 #68A6CA #7EB3D2 #95C1DA #AECFE2 #C8DEEB

#418EBA - #7EB3D2 - #C8DEEB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #418EBA 0%, #7EB3D2 50%, #C8DEEB 100%);
    background: -webkit-linear-gradient(top, #418EBA 0%, #7EB3D2 50%, #C8DEEB 100%);
    background: linear-gradient(to bottom, #418EBA 0%, #7EB3D2 50%, #C8DEEB 100%);
}
</style>