#65BECA - #E7E3CF | 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 #65BECA a #E7E3CF

#65BECA #E7E3CF

Calcule el color entre dos colores, #65BECA y #E7E3CF. 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)

#65BECA - #E7E3CF | 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 #65BECA como 0% y #E7E3CF como 100%.

0.0%	0.0% #65BECA	RGB 101 190 202	#65BECA
16.7%	16.7% #7AC4CA	RGB 122 196 202	#7AC4CA
33.3%	33.3% #90CACB	RGB 144 202 203	#90CACB
50.0%	50.0% #A6D0CC	RGB 166 208 204	#A6D0CC
66.7%	66.7% #BBD6CD	RGB 187 214 205	#BBD6CD
83.3%	83.3% #D1DCCE	RGB 209 220 206	#D1DCCE
100.0%	100.0% #E7E3CF	RGB 231 227 207	#E7E3CF

#65BECA #7AC4CA #90CACB #A6D0CC #BBD6CD #D1DCCE #E7E3CF

#65BECA - #E7E3CF

Mezcla HSV

#65BECA - #E7E3CF | 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 #65BECA como 0% y #E7E3CF como 100%.

0.0%	0.0% #65BECA	RGB 101 190 202	#65BECA
16.7%	16.7% #75CEB7	RGB 117 206 183	#75CEB7
33.3%	33.3% #85D3A1	RGB 133 211 161	#85D3A1
50.0%	50.0% #98D897	RGB 152 216 151	#98D897
66.7%	66.7% #BEDDA9	RGB 190 221 169	#BEDDA9
83.3%	83.3% #D9E2BB	RGB 217 226 187	#D9E2BB
100.0%	100.0% #E7E3CF	RGB 231 227 207	#E7E3CF

#65BECA #75CEB7 #85D3A1 #98D897 #BEDDA9 #D9E2BB #E7E3CF

#65BECA - #98D897 - #E7E3CF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65BECA 0%, #98D897 50%, #E7E3CF 100%);
    background: -webkit-linear-gradient(top, #65BECA 0%, #98D897 50%, #E7E3CF 100%);
    background: linear-gradient(to bottom, #65BECA 0%, #98D897 50%, #E7E3CF 100%);
}
</style>