#3C92BA - #C7DFEB | 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 #3C92BA a #C7DFEB

#3C92BA #C7DFEB

Calcule el color entre dos colores, #3C92BA y #C7DFEB. 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)

#3C92BA - #C7DFEB | 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 #3C92BA como 0% y #C7DFEB como 100%.

0.0%	0.0% #3C92BA	RGB 60 146 186	#3C92BA
16.7%	16.7% #539EC2	RGB 83 158 194	#539EC2
33.3%	33.3% #6AABCA	RGB 106 171 202	#6AABCA
50.0%	50.0% #81B8D2	RGB 129 184 210	#81B8D2
66.7%	66.7% #98C5DA	RGB 152 197 218	#98C5DA
83.3%	83.3% #AFD2E2	RGB 175 210 226	#AFD2E2
100.0%	100.0% #C7DFEB	RGB 199 223 235	#C7DFEB

#3C92BA #539EC2 #6AABCA #81B8D2 #98C5DA #AFD2E2 #C7DFEB

#3C92BA - #C7DFEB

Mezcla HSV

#3C92BA - #C7DFEB | 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 #3C92BA como 0% y #C7DFEB como 100%.

0.0%	0.0% #3C92BA	RGB 60 146 186	#3C92BA
16.7%	16.7% #4F9DC2	RGB 79 157 194	#4F9DC2
33.3%	33.3% #64A9CA	RGB 100 169 202	#64A9CA
50.0%	50.0% #7BB6D2	RGB 123 182 210	#7BB6D2
66.7%	66.7% #92C3DA	RGB 146 195 218	#92C3DA
83.3%	83.3% #ACD0E2	RGB 172 208 226	#ACD0E2
100.0%	100.0% #C7DFEB	RGB 199 223 235	#C7DFEB

#3C92BA #4F9DC2 #64A9CA #7BB6D2 #92C3DA #ACD0E2 #C7DFEB

#3C92BA - #7BB6D2 - #C7DFEB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C92BA 0%, #7BB6D2 50%, #C7DFEB 100%);
    background: -webkit-linear-gradient(top, #3C92BA 0%, #7BB6D2 50%, #C7DFEB 100%);
    background: linear-gradient(to bottom, #3C92BA 0%, #7BB6D2 50%, #C7DFEB 100%);
}
</style>